@mastra/playground-ui 58.0.0-alpha.3 → 58.0.0

package/dist/data-code-section-Cth9zVkj.js

@@ -0,0 +1,199 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Chunk } from '@codemirror/merge';
+import { Text } from '@codemirror/state';
+import { AlignLeftIcon, AlignJustifyIcon, ExpandIcon, XIcon } from 'lucide-react';
+import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import { B as Button } from './Button-B8nF87ai.js';
+import { B as ButtonsGroup } from './buttons-group-DsZgrZBZ.js';
+import { C as Code } from './code-BeWhOFT4.js';
+import { C as CopyButton } from './copy-button-DcZ1mdw4.js';
+import { D as DataPanelSectionHeading } from './data-panel-section-heading-CXD1skJD.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, f as DialogClose } from './dialog-Dtfe1ylw.js';
+import { S as SearchFieldBlock } from './search-field-block-fU3tStmB.js';
+import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function changedLines(doc, { against, side }) {
+  const [a, b] = side === "a" ? [doc, against] : [against, doc];
+  const text = Text.of(doc.split("\n"));
+  const lines = /* @__PURE__ */ new Set();
+  for (const chunk of Chunk.build(Text.of(a.split("\n")), Text.of(b.split("\n")))) {
+    const from = side === "a" ? chunk.fromA : chunk.fromB;
+    const to = side === "a" ? chunk.endA : chunk.endB;
+    if (from >= to) continue;
+    for (let pos = from; pos <= Math.min(to, text.length); ) {
+      const line = text.lineAt(pos);
+      lines.add(line.number - 1);
+      if (line.to >= to) break;
+      pos = line.to + 1;
+    }
+  }
+  return lines;
+}
+const diffLineStyles = {
+  removed: "code-diff-removed bg-[color-mix(in_srgb,var(--accent2)_18%,transparent)]",
+  added: "code-diff-added bg-[color-mix(in_srgb,var(--accent1)_18%,transparent)]"
+};
+const searchMatchStyle = "code-search-match rounded-sm bg-[color-mix(in_srgb,var(--accent6)_30%,transparent)]";
+function CodeView({ code, changed, diffSide, searchQuery }) {
+  const ref = useRef(null);
+  const query = searchQuery.toLowerCase();
+  useEffect(() => {
+    if (query) ref.current?.querySelector(".code-search-match")?.scrollIntoView({ block: "nearest" });
+  }, [query]);
+  const lineClassName = useCallback(
+    (index, text) => {
+      const classes = [];
+      if (diffSide && changed?.has(index)) classes.push(diffLineStyles[diffSide === "a" ? "removed" : "added"]);
+      if (query && text.toLowerCase().includes(query)) classes.push(searchMatchStyle);
+      return classes.length ? classes.join(" ") : void 0;
+    },
+    [changed, diffSide, query]
+  );
+  return /* @__PURE__ */ jsx("div", { ref, children: /* @__PURE__ */ jsx(
+    Code,
+    {
+      code,
+      lang: "json",
+      lineClassName,
+      className: "font-mono text-caption break-all whitespace-pre-wrap"
+    }
+  ) });
+}
+function DataCodeSection({
+  codeStr = "",
+  title,
+  dialogTitle,
+  icon,
+  simplified = false,
+  className,
+  diff,
+  actions
+}) {
+  const changed = useMemo(() => diff ? changedLines(codeStr, diff) : void 0, [codeStr, diff]);
+  const [showAsMultilineText, setShowAsMultilineText] = useState(false);
+  const [searchMinimized, setSearchMinimized] = useState(true);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [expandedOpen, setExpandedOpen] = useState(false);
+  const [expandedSearchQuery, setExpandedSearchQuery] = useState("");
+  const [expandedMultiline, setExpandedMultiline] = useState(false);
+  const hasMultilineText = useMemo(() => {
+    try {
+      const parsed = JSON.parse(codeStr);
+      return containsInnerNewline(parsed || "");
+    } catch {
+      return false;
+    }
+  }, [codeStr]);
+  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
+  const expandedFinalCodeStr = expandedMultiline ? codeStr?.replace(/\\n/g, "\n") : codeStr;
+  const usePlainTextView = simplified || showAsMultilineText;
+  if (!codeStr || codeStr === "null") return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(DataPanelSectionHeading, { icon, children: title }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        actions,
+        !usePlainTextView && /* @__PURE__ */ jsx(
+          SearchFieldBlock,
+          {
+            name: "code-section-search",
+            label: "Search code",
+            labelIsHidden: true,
+            placeholder: "Search...",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+            onReset: () => setSearchQuery(""),
+            size: "sm",
+            isMinimized: searchMinimized,
+            onMinimizedChange: setSearchMinimized
+          }
+        ),
+        /* @__PURE__ */ jsxs(ButtonsGroup, { size: "sm", children: [
+          /* @__PURE__ */ jsx(CopyButton, { content: codeStr || "No content" }),
+          hasMultilineText && /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
+              tooltip: showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
+              onClick: () => setShowAsMultilineText((v) => !v),
+              children: showAsMultilineText ? /* @__PURE__ */ jsx(AlignLeftIcon, {}) : /* @__PURE__ */ jsx(AlignJustifyIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { "aria-label": "Expand", tooltip: "Expand", onClick: () => setExpandedOpen(true), children: /* @__PURE__ */ jsx(ExpandIcon, {}) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          raisedSurfaceStyle,
+          "max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground"
+        ),
+        children: usePlainTextView ? /* @__PURE__ */ jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsx("pre", { className: "text-wrap", children: finalCodeStr }) }) : /* @__PURE__ */ jsx(CodeView, { code: codeStr, changed, diffSide: diff?.side, searchQuery })
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open: expandedOpen, onOpenChange: setExpandedOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { className: "flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "flex min-w-0 items-center gap-1.5 truncate text-caption [&>svg]:size-3.5", children: dialogTitle ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          icon,
+          title
+        ] }) }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Expanded code view" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          !expandedMultiline && /* @__PURE__ */ jsx(
+            SearchFieldBlock,
+            {
+              name: "expanded-code-search",
+              label: "Search code",
+              labelIsHidden: true,
+              placeholder: "Search...",
+              value: expandedSearchQuery,
+              onChange: (e) => setExpandedSearchQuery(e.target.value),
+              onReset: () => setExpandedSearchQuery(""),
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ jsxs(ButtonsGroup, { size: "sm", children: [
+            /* @__PURE__ */ jsx(CopyButton, { content: codeStr || "No content" }),
+            hasMultilineText && /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": expandedMultiline ? "Show escaped newlines" : "Show multiline text",
+                tooltip: expandedMultiline ? "Show escaped newlines" : "Show multiline text",
+                onClick: () => setExpandedMultiline((v) => !v),
+                children: expandedMultiline ? /* @__PURE__ */ jsx(AlignLeftIcon, {}) : /* @__PURE__ */ jsx(AlignJustifyIcon, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { "aria-label": "Close", tooltip: "Close", children: /* @__PURE__ */ jsx(XIcon, {}) }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-auto px-6 pb-6", children: expandedMultiline ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            raisedSurfaceStyle,
+            "overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground"
+          ),
+          children: /* @__PURE__ */ jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsx("pre", { className: "text-wrap", children: expandedFinalCodeStr }) })
+        }
+      ) : /* @__PURE__ */ jsx(CodeView, { code: codeStr, changed, diffSide: diff?.side, searchQuery: expandedSearchQuery }) })
+    ] }) })
+  ] });
+}
+function containsInnerNewline(obj) {
+  if (typeof obj === "string") {
+    const idx = obj.indexOf("\n");
+    return idx !== -1 && idx !== obj.length - 1;
+  } else if (Array.isArray(obj)) {
+    return obj.some((item) => containsInnerNewline(item));
+  } else if (obj && typeof obj === "object") {
+    return Object.values(obj).some((value) => containsInnerNewline(value));
+  }
+  return false;
+}
+
+export { DataCodeSection as D };
+//# sourceMappingURL=data-code-section-Cth9zVkj.js.map

package/dist/data-code-section-Cth9zVkj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-code-section-Cth9zVkj.js","sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { Chunk } from '@codemirror/merge';\nimport { Text } from '@codemirror/state';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, XIcon } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { Code } from '@/ds/components/Code/code';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataCodeSectionDiff {\n  /** The other document to compare against. */\n  against: string;\n  /** `a` = this document is the \"before\" (changes in red), `b` = \"after\" (changes in green). */\n  side: 'a' | 'b';\n}\n\n/** Zero-based indexes of the lines of `doc` that differ from `diff.against`. */\nfunction changedLines(doc: string, { against, side }: DataCodeSectionDiff): Set<number> {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const lines = new Set<number>();\n  for (const chunk of Chunk.build(Text.of(a.split('\\n')), Text.of(b.split('\\n')))) {\n    const from = side === 'a' ? chunk.fromA : chunk.fromB;\n    const to = side === 'a' ? chunk.endA : chunk.endB;\n    if (from >= to) continue;\n    for (let pos = from; pos <= Math.min(to, text.length);) {\n      const line = text.lineAt(pos);\n      lines.add(line.number - 1);\n      if (line.to >= to) break;\n      pos = line.to + 1;\n    }\n  }\n  return lines;\n}\n\nconst diffLineStyles = {\n  removed: 'code-diff-removed bg-[color-mix(in_srgb,var(--accent2)_18%,transparent)]',\n  added: 'code-diff-added bg-[color-mix(in_srgb,var(--accent1)_18%,transparent)]',\n};\nconst searchMatchStyle = 'code-search-match rounded-sm bg-[color-mix(in_srgb,var(--accent6)_30%,transparent)]';\n\ninterface CodeViewProps {\n  code: string;\n  changed?: Set<number>;\n  diffSide?: DataCodeSectionDiff['side'];\n  searchQuery: string;\n}\n\nfunction CodeView({ code, changed, diffSide, searchQuery }: CodeViewProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const query = searchQuery.toLowerCase();\n\n  useEffect(() => {\n    if (query) ref.current?.querySelector('.code-search-match')?.scrollIntoView({ block: 'nearest' });\n  }, [query]);\n\n  const lineClassName = useCallback(\n    (index: number, text: string) => {\n      const classes: string[] = [];\n      if (diffSide && changed?.has(index)) classes.push(diffLineStyles[diffSide === 'a' ? 'removed' : 'added']);\n      if (query && text.toLowerCase().includes(query)) classes.push(searchMatchStyle);\n      return classes.length ? classes.join(' ') : undefined;\n    },\n    [changed, diffSide, query],\n  );\n\n  return (\n    <div ref={ref}>\n      <Code\n        code={code}\n        lang=\"json\"\n        lineClassName={lineClassName}\n        className=\"font-mono text-caption break-all whitespace-pre-wrap\"\n      />\n    </div>\n  );\n}\n\n// -- Component ----------------------------------------------------------------\n\nexport interface DataCodeSectionProps {\n  title: React.ReactNode;\n  dialogTitle?: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Highlight lines that differ from another document. */\n  diff?: DataCodeSectionDiff;\n  /** Extra controls rendered in the header, before the built-in copy/expand buttons. */\n  actions?: React.ReactNode;\n}\n\nexport function DataCodeSection({\n  codeStr = '',\n  title,\n  dialogTitle,\n  icon,\n  simplified = false,\n  className,\n  diff,\n  actions,\n}: DataCodeSectionProps) {\n  const changed = useMemo(() => (diff ? changedLines(codeStr, diff) : undefined), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const expandedFinalCodeStr = expandedMultiline ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <DataPanelSectionHeading icon={icon}>{title}</DataPanelSectionHeading>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          {!usePlainTextView && (\n            <SearchFieldBlock\n              name=\"code-section-search\"\n              label=\"Search code\"\n              labelIsHidden\n              placeholder=\"Search...\"\n              value={searchQuery}\n              onChange={e => setSearchQuery(e.target.value)}\n              onReset={() => setSearchQuery('')}\n              size=\"sm\"\n              isMinimized={searchMinimized}\n              onMinimizedChange={setSearchMinimized}\n            />\n          )}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                tooltip={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n            <Button aria-label=\"Expand\" tooltip=\"Expand\" onClick={() => setExpandedOpen(true)}>\n              <ExpandIcon />\n            </Button>\n          </ButtonsGroup>\n        </div>\n      </div>\n\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={searchQuery} />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent className=\"grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden\">\n          <DialogHeader className=\"flex-row items-center justify-between\">\n            <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate text-caption [&>svg]:size-3.5\">\n              {dialogTitle ?? (\n                <>\n                  {icon}\n                  {title}\n                </>\n              )}\n            </DialogTitle>\n            <DialogDescription>Expanded code view</DialogDescription>\n            <div className=\"flex shrink-0 items-center gap-2\">\n              {!expandedMultiline && (\n                <SearchFieldBlock\n                  name=\"expanded-code-search\"\n                  label=\"Search code\"\n                  labelIsHidden\n                  placeholder=\"Search...\"\n                  value={expandedSearchQuery}\n                  onChange={e => setExpandedSearchQuery(e.target.value)}\n                  onReset={() => setExpandedSearchQuery('')}\n                  size=\"sm\"\n                />\n              )}\n              <ButtonsGroup size=\"sm\">\n                <CopyButton content={codeStr || 'No content'} />\n                {hasMultilineText && (\n                  <Button\n                    aria-label={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                    tooltip={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                    onClick={() => setExpandedMultiline(v => !v)}\n                  >\n                    {expandedMultiline ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n                  </Button>\n                )}\n                <DialogClose asChild>\n                  <Button aria-label=\"Close\" tooltip=\"Close\">\n                    <XIcon />\n                  </Button>\n                </DialogClose>\n              </ButtonsGroup>\n            </div>\n          </DialogHeader>\n          <div className=\"overflow-auto px-6 pb-6\">\n            {expandedMultiline ? (\n              <div\n                className={cn(\n                  raisedSurfaceStyle,\n                  'overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n                )}\n              >\n                <div className=\"font-mono break-all text-muted-foreground\">\n                  <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                </div>\n              </div>\n            ) : (\n              <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={expandedSearchQuery} />\n            )}\n          </div>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n"],"names":[],"mappings":"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"}

package/dist/{data-code-section-DzLc9O0B.cjs → data-code-section-DE4AgaTU.cjs}

@@ -1,146 +1,67 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const langJson = require('@codemirror/lang-json');
-const language = require('@codemirror/language');
 const merge = require('@codemirror/merge');
-const search = require('@codemirror/search');
 const state = require('@codemirror/state');
-const view = require('@codemirror/view');
-const highlight = require('@lezer/highlight');
-const codemirrorThemeDracula = require('@uiw/codemirror-theme-dracula');
-const ReactCodeMirror = require('@uiw/react-codemirror');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('./Button-BAMnPqos.cjs');
 const buttonsGroup = require('./buttons-group-CoZP3lJt.cjs');
+const code = require('./code-B-x-9sJ1.cjs');
 const copyButton = require('./copy-button-D2MTGxq_.cjs');
 const dataPanelSectionHeading = require('./data-panel-section-heading-V86Awzqg.cjs');
 const dialog = require('./dialog-Vvcjm0rZ.cjs');
 const searchFieldBlock = require('./search-field-block-7-ufp4uG.cjs');
-const themeProvider = require('./theme-provider-aO5-jZVp.cjs');
 const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
-const setSearchQuery = state.StateEffect.define();
-const searchHighlightMark = view.Decoration.mark({ class: "cm-search-match" });
-const searchHighlightField = state.StateField.define({
-  create() {
-    return view.Decoration.none;
-  },
-  update(decorations, tr) {
-    for (const effect of tr.effects) {
-      if (effect.is(setSearchQuery)) {
-        const query = effect.value;
-        if (!query) return view.Decoration.none;
-        const builder = new state.RangeSetBuilder();
-        const cursor = new search.SearchCursor(tr.state.doc, query, 0, tr.state.doc.length, (a) => a.toLowerCase());
-        while (!cursor.next().done) {
-          builder.add(cursor.value.from, cursor.value.to, searchHighlightMark);
-        }
-        return builder.finish();
-      }
-    }
-    return decorations;
-  },
-  provide: (f) => view.EditorView.decorations.from(f)
-});
-const searchHighlightTheme = view.EditorView.baseTheme({
-  ".cm-search-match": {
-    backgroundColor: "color-mix(in srgb, var(--accent1) 60%, transparent)",
-    borderRadius: "var(--radius-sm)"
-  }
-});
-function searchHighlightExtension() {
-  return [searchHighlightField, searchHighlightTheme];
-}
-const diffLineTheme = view.EditorView.theme({
-  ".cm-line.cm-diff-removed, .cm-line.cm-diff-removed.cm-activeLine": {
-    backgroundColor: "color-mix(in srgb, var(--accent2) 18%, transparent)"
-  },
-  ".cm-line.cm-diff-added, .cm-line.cm-diff-added.cm-activeLine": {
-    backgroundColor: "color-mix(in srgb, var(--accent1) 18%, transparent)"
-  }
-});
-function diffHighlightExtension(doc, { against, side }) {
+function changedLines(doc, { against, side }) {
   const [a, b] = side === "a" ? [doc, against] : [against, doc];
   const text = state.Text.of(doc.split("\n"));
-  const line = view.Decoration.line({ class: side === "a" ? "cm-diff-removed" : "cm-diff-added" });
-  const builder = new state.RangeSetBuilder();
+  const lines = /* @__PURE__ */ new Set();
   for (const chunk of merge.Chunk.build(state.Text.of(a.split("\n")), state.Text.of(b.split("\n")))) {
     const from = side === "a" ? chunk.fromA : chunk.fromB;
     const to = side === "a" ? chunk.endA : chunk.endB;
     if (from >= to) continue;
     for (let pos = from; pos <= Math.min(to, text.length); ) {
-      const l = text.lineAt(pos);
-      builder.add(l.from, l.from, line);
-      if (l.to >= to) break;
-      pos = l.to + 1;
+      const line = text.lineAt(pos);
+      lines.add(line.number - 1);
+      if (line.to >= to) break;
+      pos = line.to + 1;
     }
   }
-  return [view.EditorView.decorations.of(builder.finish()), diffLineTheme];
-}
-function buildDarkTheme() {
-  return codemirrorThemeDracula.draculaInit({
-    settings: {
-      fontFamily: "var(--font-mono)",
-      fontSize: "var(--text-caption)",
-      lineHighlight: "transparent",
-      gutterBackground: "transparent",
-      gutterForeground: "#939393",
-      background: "transparent"
-    },
-    styles: [{ tag: [highlight.tags.className, highlight.tags.propertyName] }]
-  });
+  return lines;
 }
-function buildLightTheme() {
-  const editorTheme = view.EditorView.theme({
-    "&": {
-      backgroundColor: "transparent",
-      color: "var(--foreground)",
-      fontSize: "var(--text-caption)"
-    },
-    "&.cm-editor .cm-scroller": {
-      fontFamily: "var(--font-mono)"
-    },
-    ".cm-gutters": {
-      backgroundColor: "transparent",
-      color: "var(--placeholder)",
-      borderRight: "none"
-    },
-    ".cm-content": {
-      color: "var(--foreground)",
-      caretColor: "var(--foreground)"
-    },
-    ".cm-activeLine": {
-      backgroundColor: "transparent"
-    },
-    ".cm-activeLineGutter": {
-      backgroundColor: "transparent"
+const diffLineStyles = {
+  removed: "code-diff-removed bg-[color-mix(in_srgb,var(--accent2)_18%,transparent)]",
+  added: "code-diff-added bg-[color-mix(in_srgb,var(--accent1)_18%,transparent)]"
+};
+const searchMatchStyle = "code-search-match rounded-sm bg-[color-mix(in_srgb,var(--accent6)_30%,transparent)]";
+function CodeView({ code: code$1, changed, diffSide, searchQuery }) {
+  const ref = React.useRef(null);
+  const query = searchQuery.toLowerCase();
+  React.useEffect(() => {
+    if (query) ref.current?.querySelector(".code-search-match")?.scrollIntoView({ block: "nearest" });
+  }, [query]);
+  const lineClassName = React.useCallback(
+    (index, text) => {
+      const classes = [];
+      if (diffSide && changed?.has(index)) classes.push(diffLineStyles[diffSide === "a" ? "removed" : "added"]);
+      if (query && text.toLowerCase().includes(query)) classes.push(searchMatchStyle);
+      return classes.length ? classes.join(" ") : void 0;
     },
-    ".cm-cursor, .cm-dropCursor": {
-      borderLeftColor: "var(--foreground)"
-    }
-  });
-  const highlightStyle = language.HighlightStyle.define([
-    { tag: [highlight.tags.comment, highlight.tags.bracket], color: "var(--placeholder)" },
-    { tag: [highlight.tags.string, highlight.tags.meta, highlight.tags.regexp], color: "var(--accent1)" },
-    { tag: [highlight.tags.atom, highlight.tags.bool, highlight.tags.special(highlight.tags.variableName)], color: "var(--accent6)" },
-    { tag: [highlight.tags.keyword, highlight.tags.operator, highlight.tags.tagName], color: "var(--accent2)" },
-    { tag: [highlight.tags.function(highlight.tags.propertyName), highlight.tags.propertyName], color: "var(--accent5)" },
+    [changed, diffSide, query]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+    code.Code,
     {
-      tag: [highlight.tags.definition(highlight.tags.variableName), highlight.tags.function(highlight.tags.variableName), highlight.tags.className, highlight.tags.attributeName],
-      color: "var(--accent3)"
-    },
-    { tag: [highlight.tags.variableName, highlight.tags.number], color: "var(--accent5)" },
-    { tag: [highlight.tags.name, highlight.tags.quote], color: "var(--accent1)" }
-  ]);
-  return [editorTheme, language.syntaxHighlighting(highlightStyle)];
+      code: code$1,
+      lang: "json",
+      lineClassName,
+      className: "font-mono text-caption break-all whitespace-pre-wrap"
+    }
+  ) });
 }
-const useCodemirrorTheme = () => {
-  const isDark = themeProvider.useTheme().resolvedTheme === "dark";
-  return React.useMemo(() => isDark ? buildDarkTheme() : buildLightTheme(), [isDark]);
-};
 function DataCodeSection({
   codeStr = "",
   title,
@@ -151,16 +72,13 @@ function DataCodeSection({
   diff,
   actions
 }) {
-  const theme = useCodemirrorTheme();
-  const diffExtension = React.useMemo(() => diff ? diffHighlightExtension(codeStr, diff) : [], [codeStr, diff]);
+  const changed = React.useMemo(() => diff ? changedLines(codeStr, diff) : void 0, [codeStr, diff]);
   const [showAsMultilineText, setShowAsMultilineText] = React.useState(false);
   const [searchMinimized, setSearchMinimized] = React.useState(true);
-  const [searchQuery, setSearchQueryState] = React.useState("");
+  const [searchQuery, setSearchQuery] = React.useState("");
   const [expandedOpen, setExpandedOpen] = React.useState(false);
   const [expandedSearchQuery, setExpandedSearchQuery] = React.useState("");
   const [expandedMultiline, setExpandedMultiline] = React.useState(false);
-  const editorRef = React.useRef(null);
-  const expandedEditorRef = React.useRef(null);
   const hasMultilineText = React.useMemo(() => {
     try {
       const parsed = JSON.parse(codeStr);
@@ -169,72 +87,6 @@ function DataCodeSection({
       return false;
     }
   }, [codeStr]);
-  const dispatchSearch = React.useCallback((query) => {
-    const view = editorRef.current?.view;
-    if (view) {
-      view.dispatch({ effects: setSearchQuery.of(query) });
-      if (query) {
-        const cursor = new search.SearchCursor(
-          view.state.doc,
-          query,
-          0,
-          view.state.doc.length,
-          (a) => a.toLowerCase()
-        );
-        if (!cursor.next().done) {
-          view.dispatch({
-            selection: { anchor: cursor.value.from },
-            scrollIntoView: true
-          });
-        }
-      }
-    }
-  }, []);
-  const handleSearchChange = React.useCallback(
-    (e) => {
-      const val = e.target.value;
-      setSearchQueryState(val);
-      dispatchSearch(val);
-    },
-    [dispatchSearch]
-  );
-  const handleSearchReset = React.useCallback(() => {
-    setSearchQueryState("");
-    dispatchSearch("");
-  }, [dispatchSearch]);
-  const dispatchExpandedSearch = React.useCallback((query) => {
-    const view = expandedEditorRef.current?.view;
-    if (view) {
-      view.dispatch({ effects: setSearchQuery.of(query) });
-      if (query) {
-        const cursor = new search.SearchCursor(
-          view.state.doc,
-          query,
-          0,
-          view.state.doc.length,
-          (a) => a.toLowerCase()
-        );
-        if (!cursor.next().done) {
-          view.dispatch({
-            selection: { anchor: cursor.value.from },
-            scrollIntoView: true
-          });
-        }
-      }
-    }
-  }, []);
-  const handleExpandedSearchChange = React.useCallback(
-    (e) => {
-      const val = e.target.value;
-      setExpandedSearchQuery(val);
-      dispatchExpandedSearch(val);
-    },
-    [dispatchExpandedSearch]
-  );
-  const handleExpandedSearchReset = React.useCallback(() => {
-    setExpandedSearchQuery("");
-    dispatchExpandedSearch("");
-  }, [dispatchExpandedSearch]);
   const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
   const expandedFinalCodeStr = expandedMultiline ? codeStr?.replace(/\\n/g, "\n") : codeStr;
   const usePlainTextView = simplified || showAsMultilineText;
@@ -252,8 +104,8 @@ function DataCodeSection({
             labelIsHidden: true,
             placeholder: "Search...",
             value: searchQuery,
-            onChange: handleSearchChange,
-            onReset: handleSearchReset,
+            onChange: (e) => setSearchQuery(e.target.value),
+            onReset: () => setSearchQuery(""),
             size: "sm",
             isMinimized: searchMinimized,
             onMinimizedChange: setSearchMinimized
@@ -281,16 +133,7 @@ function DataCodeSection({
           primitives_raisedSurface.raisedSurfaceStyle,
           "max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground"
         ),
-        children: usePlainTextView ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-wrap", children: finalCodeStr }) }) : /* @__PURE__ */ jsxRuntime.jsx(
-          ReactCodeMirror,
-          {
-            ref: editorRef,
-            extensions: [langJson.json(), view.EditorView.lineWrapping, searchHighlightExtension(), diffExtension],
-            theme,
-            value: codeStr,
-            editable: false
-          }
-        )
+        children: usePlainTextView ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-wrap", children: finalCodeStr }) }) : /* @__PURE__ */ jsxRuntime.jsx(CodeView, { code: codeStr, changed, diffSide: diff?.side, searchQuery })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: expandedOpen, onOpenChange: setExpandedOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden", children: [
@@ -309,8 +152,8 @@ function DataCodeSection({
               labelIsHidden: true,
               placeholder: "Search...",
               value: expandedSearchQuery,
-              onChange: handleExpandedSearchChange,
-              onReset: handleExpandedSearchReset,
+              onChange: (e) => setExpandedSearchQuery(e.target.value),
+              onReset: () => setExpandedSearchQuery(""),
               size: "sm"
             }
           ),
@@ -338,16 +181,7 @@ function DataCodeSection({
           ),
           children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-wrap", children: expandedFinalCodeStr }) })
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        ReactCodeMirror,
-        {
-          ref: expandedEditorRef,
-          extensions: [langJson.json(), view.EditorView.lineWrapping, searchHighlightExtension(), diffExtension],
-          theme,
-          value: codeStr,
-          editable: false
-        }
-      ) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(CodeView, { code: codeStr, changed, diffSide: diff?.side, searchQuery: expandedSearchQuery }) })
     ] }) })
   ] });
 }
@@ -364,4 +198,4 @@ function containsInnerNewline(obj) {
 }
 
 exports.DataCodeSection = DataCodeSection;
-//# sourceMappingURL=data-code-section-DzLc9O0B.cjs.map
+//# sourceMappingURL=data-code-section-DE4AgaTU.cjs.map

package/dist/data-code-section-DE4AgaTU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-code-section-DE4AgaTU.cjs","sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { Chunk } from '@codemirror/merge';\nimport { Text } from '@codemirror/state';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, XIcon } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { Code } from '@/ds/components/Code/code';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataCodeSectionDiff {\n  /** The other document to compare against. */\n  against: string;\n  /** `a` = this document is the \"before\" (changes in red), `b` = \"after\" (changes in green). */\n  side: 'a' | 'b';\n}\n\n/** Zero-based indexes of the lines of `doc` that differ from `diff.against`. */\nfunction changedLines(doc: string, { against, side }: DataCodeSectionDiff): Set<number> {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const lines = new Set<number>();\n  for (const chunk of Chunk.build(Text.of(a.split('\\n')), Text.of(b.split('\\n')))) {\n    const from = side === 'a' ? chunk.fromA : chunk.fromB;\n    const to = side === 'a' ? chunk.endA : chunk.endB;\n    if (from >= to) continue;\n    for (let pos = from; pos <= Math.min(to, text.length);) {\n      const line = text.lineAt(pos);\n      lines.add(line.number - 1);\n      if (line.to >= to) break;\n      pos = line.to + 1;\n    }\n  }\n  return lines;\n}\n\nconst diffLineStyles = {\n  removed: 'code-diff-removed bg-[color-mix(in_srgb,var(--accent2)_18%,transparent)]',\n  added: 'code-diff-added bg-[color-mix(in_srgb,var(--accent1)_18%,transparent)]',\n};\nconst searchMatchStyle = 'code-search-match rounded-sm bg-[color-mix(in_srgb,var(--accent6)_30%,transparent)]';\n\ninterface CodeViewProps {\n  code: string;\n  changed?: Set<number>;\n  diffSide?: DataCodeSectionDiff['side'];\n  searchQuery: string;\n}\n\nfunction CodeView({ code, changed, diffSide, searchQuery }: CodeViewProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const query = searchQuery.toLowerCase();\n\n  useEffect(() => {\n    if (query) ref.current?.querySelector('.code-search-match')?.scrollIntoView({ block: 'nearest' });\n  }, [query]);\n\n  const lineClassName = useCallback(\n    (index: number, text: string) => {\n      const classes: string[] = [];\n      if (diffSide && changed?.has(index)) classes.push(diffLineStyles[diffSide === 'a' ? 'removed' : 'added']);\n      if (query && text.toLowerCase().includes(query)) classes.push(searchMatchStyle);\n      return classes.length ? classes.join(' ') : undefined;\n    },\n    [changed, diffSide, query],\n  );\n\n  return (\n    <div ref={ref}>\n      <Code\n        code={code}\n        lang=\"json\"\n        lineClassName={lineClassName}\n        className=\"font-mono text-caption break-all whitespace-pre-wrap\"\n      />\n    </div>\n  );\n}\n\n// -- Component ----------------------------------------------------------------\n\nexport interface DataCodeSectionProps {\n  title: React.ReactNode;\n  dialogTitle?: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Highlight lines that differ from another document. */\n  diff?: DataCodeSectionDiff;\n  /** Extra controls rendered in the header, before the built-in copy/expand buttons. */\n  actions?: React.ReactNode;\n}\n\nexport function DataCodeSection({\n  codeStr = '',\n  title,\n  dialogTitle,\n  icon,\n  simplified = false,\n  className,\n  diff,\n  actions,\n}: DataCodeSectionProps) {\n  const changed = useMemo(() => (diff ? changedLines(codeStr, diff) : undefined), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const expandedFinalCodeStr = expandedMultiline ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <DataPanelSectionHeading icon={icon}>{title}</DataPanelSectionHeading>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          {!usePlainTextView && (\n            <SearchFieldBlock\n              name=\"code-section-search\"\n              label=\"Search code\"\n              labelIsHidden\n              placeholder=\"Search...\"\n              value={searchQuery}\n              onChange={e => setSearchQuery(e.target.value)}\n              onReset={() => setSearchQuery('')}\n              size=\"sm\"\n              isMinimized={searchMinimized}\n              onMinimizedChange={setSearchMinimized}\n            />\n          )}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                tooltip={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n            <Button aria-label=\"Expand\" tooltip=\"Expand\" onClick={() => setExpandedOpen(true)}>\n              <ExpandIcon />\n            </Button>\n          </ButtonsGroup>\n        </div>\n      </div>\n\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={searchQuery} />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent className=\"grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden\">\n          <DialogHeader className=\"flex-row items-center justify-between\">\n            <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate text-caption [&>svg]:size-3.5\">\n              {dialogTitle ?? (\n                <>\n                  {icon}\n                  {title}\n                </>\n              )}\n            </DialogTitle>\n            <DialogDescription>Expanded code view</DialogDescription>\n            <div className=\"flex shrink-0 items-center gap-2\">\n              {!expandedMultiline && (\n                <SearchFieldBlock\n                  name=\"expanded-code-search\"\n                  label=\"Search code\"\n                  labelIsHidden\n                  placeholder=\"Search...\"\n                  value={expandedSearchQuery}\n                  onChange={e => setExpandedSearchQuery(e.target.value)}\n                  onReset={() => setExpandedSearchQuery('')}\n                  size=\"sm\"\n                />\n              )}\n              <ButtonsGroup size=\"sm\">\n                <CopyButton content={codeStr || 'No content'} />\n                {hasMultilineText && (\n                  <Button\n                    aria-label={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                    tooltip={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                    onClick={() => setExpandedMultiline(v => !v)}\n                  >\n                    {expandedMultiline ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n                  </Button>\n                )}\n                <DialogClose asChild>\n                  <Button aria-label=\"Close\" tooltip=\"Close\">\n                    <XIcon />\n                  </Button>\n                </DialogClose>\n              </ButtonsGroup>\n            </div>\n          </DialogHeader>\n          <div className=\"overflow-auto px-6 pb-6\">\n            {expandedMultiline ? (\n              <div\n                className={cn(\n                  raisedSurfaceStyle,\n                  'overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n                )}\n              >\n                <div className=\"font-mono break-all text-muted-foreground\">\n                  <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                </div>\n              </div>\n            ) : (\n              <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={expandedSearchQuery} />\n            )}\n          </div>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n"],"names":["Text","Chunk","code","useRef","useEffect","useCallback","jsx","Code","useMemo","useState","cn","jsxs","DataPanelSectionHeading","SearchFieldBlock","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","ExpandIcon","raisedSurfaceStyle","Dialog","DialogContent","DialogHeader","DialogTitle","Fragment","DialogDescription","DialogClose","XIcon"],"mappings":"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"}

package/dist/{data-list-DXjH5wkB.js → data-list-DisTjDHP.js}

@@ -1,5 +1,5 @@
-import { l as dataListRowStaticStyles, D as DataListRoot, m as DataListTopSelectCell, n as DataListSelectCell, f as DataListTimeCell, j as DataListCreatedCell, g as DataListDateCell, o as DataListNumberCell, p as DataListRowHeaderCell, k as DataListIdCell, q as DataListDescriptionCell, r as DataListNameCell, e as DataListTextCell, t as DataListActionsCell, c as DataListCell, h as DataListTopCellSmart, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop } from './data-list-top-LiaWUw5P.js';
-import { u as useDataListRowWrapperContext, D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, c as DataListRowLink, d as DataListRowButton, e as DataListRowWrapper, f as DataListSortableTopCell } from './data-list-spacer-BQ4_YeyT.js';
+import { l as dataListRowStaticStyles, D as DataListRoot, m as DataListTopSelectCell, n as DataListSelectCell, f as DataListTimeCell, j as DataListCreatedCell, g as DataListDateCell, o as DataListNumberCell, p as DataListRowHeaderCell, k as DataListIdCell, q as DataListDescriptionCell, r as DataListNameCell, e as DataListTextCell, t as DataListActionsCell, c as DataListCell, h as DataListTopCellSmart, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop } from './data-list-top-DpbOA3uw.js';
+import { u as useDataListRowWrapperContext, D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, c as DataListRowLink, d as DataListRowButton, e as DataListRowWrapper, f as DataListSortableTopCell } from './data-list-spacer-BmorAN0V.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';
 import { B as Button } from './Button-B8nF87ai.js';
@@ -118,4 +118,4 @@ const DataList = Object.assign(DataListRoot, {
 });
 
 export { DataList as D, DataListSubHeading as a, DataListSubheader as b };
-//# sourceMappingURL=data-list-DXjH5wkB.js.map
+//# sourceMappingURL=data-list-DisTjDHP.js.map