@marimo-team/islands 0.23.12-dev5 → 0.23.12-dev8

package/dist/{chat-ui-BElU7iES.js → chat-ui-BEOvjkmJ.js}

@@ -6,13 +6,13 @@ import { _ as Logger, c as Objects, g as cn, l as useEventListener, t as Button
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { r as toast } from "./copy-COam1EG7.js";
-import { C as AccordionContent, D as ChatBubbleIcon, En as Trash2, Et as createVariableInfoElement, G as cellErrorsAtom, Gt as getTableType, In as ExternalLink, It as jotaiJsonStorage, Lt as variablesAtom, Mt as generateUUID, Nn as Info, P as base64ToDataURL, Pn as FileText, Rt as PluralWord, S as Accordion, T as AccordionTrigger, Tn as Wrench, Ut as allTablesAtom, V as renderHTML, Wt as dataSourceConnectionsAtom, X as notebookAtom, Zt as singleFacet, _ as Boosts, _n as atomWithStorage, b as AIContextProvider, c as Popover, d as PopoverTrigger, f as isOutputEmpty, h as DatasourceContextProvider, jn as LoaderCircle, kt as moveToEndOfEditor, n as Spinner, nn as ZodLocalStorage, qt as getRequestClient, r as MarkdownRenderer, sn as CellOutputId, t as toPng, u as PopoverContent, v as Sections, w as AccordionItem, x as AIContextRegistry, y as contextToXml, yn as Anchor2, yt as displayCellName, zn as CircleX } from "./html-to-image-Pd4oj3-L.js";
+import { C as AccordionContent, D as ChatBubbleIcon, En as Trash2, Et as createVariableInfoElement, G as cellErrorsAtom, Gt as getTableType, In as ExternalLink, It as jotaiJsonStorage, Lt as variablesAtom, Mt as generateUUID, Nn as Info, P as base64ToDataURL, Pn as FileText, Rt as PluralWord, S as Accordion, T as AccordionTrigger, Tn as Wrench, Ut as allTablesAtom, V as renderHTML, Wt as dataSourceConnectionsAtom, X as notebookAtom, Zt as singleFacet, _ as Boosts, _n as atomWithStorage, b as AIContextProvider, c as Popover, d as PopoverTrigger, f as isOutputEmpty, h as DatasourceContextProvider, jn as LoaderCircle, kt as moveToEndOfEditor, n as Spinner, nn as ZodLocalStorage, qt as getRequestClient, r as MarkdownRenderer, sn as CellOutputId, t as toPng, u as PopoverContent, v as Sections, w as AccordionItem, x as AIContextRegistry, y as contextToXml, yn as Anchor2, yt as displayCellName, zn as CircleX } from "./html-to-image-Di0mtt6O.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-Dq_j3Rxw.js";
 import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-CbEz_aj_.js";
 import { p as isUrl, v as CircleQuestionMark } from "./toDate-D-l5s8nn.js";
-import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-nrhrehth.js";
+import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-BLd4KuwX.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
 import { A as looseObject, B as union, C as any, D as discriminatedUnion, E as custom, H as safeParseAsync, I as record, L as strictObject, M as never, N as number, O as lazy, P as object$1, R as string, S as _null, T as boolean, V as unknown, W as toJSONSchema, b as _enum, k as literal, w as array$1, x as _instanceof } from "./zod-CijjQh4u.js";

package/dist/{code-visibility-C4oGgzI1.js → code-visibility-B9yvB9rV.js}

@@ -6,7 +6,7 @@ import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs,
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-COam1EG7.js";
-import { $t as extractAllTracebackInfo, A as ChevronRightIcon, An as Minus, At as goToCellLine, Bt as DATA_TYPE_ICON, C as AccordionContent, Ct as Checkbox, En as Trash2, Fn as Eye, Ft as adaptForLocalStorage, Hn as esm_default, I as base64ToUint8Array, In as ExternalLink, It as jotaiJsonStorage, M as PinLeftIcon, N as PinRightIcon, Nn as Info, Nt as useChromeActions, O as CheckIcon, Pn as FileText, Qt as elementContainsMarimoCellFile, R as extractBase64FromDataURL, Rt as PluralWord, S as Accordion, T as AccordionTrigger, Tn as Wrench, Un as import_lib, V as renderHTML, Vn as Braces, Vt as getDataTypeColor, X as notebookAtom, Yt as useRequestClient, _n as atomWithStorage, _t as DATA_CELL_ID, bn as Close$1, c as Popover, cn as HTMLCellId, d as PopoverTrigger, dt as viewStateAtom, en as getTracebackInfo, et as useCellActions, ft as outputIsLoading, g as getDatasourceContext, gt as sanitizeHtml, hn as jsonToMarkdown, j as DotFilledIcon, jn as LoaderCircle, kn as NotebookPen, l as PopoverClose, ln as SCRATCH_CELL_ID, lt as kioskModeAtom, m as useExpandedOutput, mn as jsonParseWithSpecialChar, n as Spinner, nt as useCellNames, ot as AnsiUp, q as getCellEditorView, qt as getRequestClient, r as MarkdownRenderer, rn as filenameAtom, sn as CellOutputId, t as toPng, tt as useCellIds, u as PopoverContent, ut as useInstallAllowed, vt as getCellDomProps, w as AccordionItem, yt as displayCellName, z as isDataURLString, zn as CircleX, __tla as __tla_0 } from "./html-to-image-Pd4oj3-L.js";
+import { $t as extractAllTracebackInfo, A as ChevronRightIcon, An as Minus, At as goToCellLine, Bt as DATA_TYPE_ICON, C as AccordionContent, Ct as Checkbox, En as Trash2, Fn as Eye, Ft as adaptForLocalStorage, Hn as esm_default, I as base64ToUint8Array, In as ExternalLink, It as jotaiJsonStorage, M as PinLeftIcon, N as PinRightIcon, Nn as Info, Nt as useChromeActions, O as CheckIcon, Pn as FileText, Qt as elementContainsMarimoCellFile, R as extractBase64FromDataURL, Rt as PluralWord, S as Accordion, T as AccordionTrigger, Tn as Wrench, Un as import_lib, V as renderHTML, Vn as Braces, Vt as getDataTypeColor, X as notebookAtom, Yt as useRequestClient, _n as atomWithStorage, _t as DATA_CELL_ID, bn as Close$1, c as Popover, cn as HTMLCellId, d as PopoverTrigger, dt as viewStateAtom, en as getTracebackInfo, et as useCellActions, ft as outputIsLoading, g as getDatasourceContext, gt as sanitizeHtml, hn as jsonToMarkdown, j as DotFilledIcon, jn as LoaderCircle, kn as NotebookPen, l as PopoverClose, ln as SCRATCH_CELL_ID, lt as kioskModeAtom, m as useExpandedOutput, mn as jsonParseWithSpecialChar, n as Spinner, nt as useCellNames, ot as AnsiUp, q as getCellEditorView, qt as getRequestClient, r as MarkdownRenderer, rn as filenameAtom, sn as CellOutputId, t as toPng, tt as useCellIds, u as PopoverContent, ut as useInstallAllowed, vt as getCellDomProps, w as AccordionItem, yt as displayCellName, z as isDataURLString, zn as CircleX, __tla as __tla_0 } from "./html-to-image-Di0mtt6O.js";
 import { o as useSize, u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { c as Calendar, i as createReducerAndAtoms, r as Badge } from "./useLifecycle-AHlswLw-.js";
 import { a as ListFilter, i as Table$1, n as $fb18d541ea1ad717$export$ad991b66133851cf, o as ChartPie, r as $5a387cc49350e6db$export$722debc0e56fea39, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-CMnRuVmN.js";
@@ -29,7 +29,7 @@ import { t as invariant } from "./invariant-wRzNXIsJ.js";
 import { c as uniqueBy, t as Arrays } from "./arrays-sEtDRoG4.js";
 import { n as once, t as memoizeLastValue } from "./once-DPuqGUeo.js";
 import { a as parser } from "./dist-C_Y3oV3C.js";
-import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-CGj29bgR.js";
+import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-d6MhLuQ9.js";
 import { n as memoize$1, t as isPropValid } from "./emotion-is-prop-valid.esm-DzSb5hsH.js";
 import { n as formats } from "./vega-loader.browser-CZ-J8Py3.js";
 import { a as getContainerWidth, n as vegaLoadData, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-Boph2xIS.js";
@@ -20375,7 +20375,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]
       }), t[24] = Uq, t[25] = Wq, t[26] = Gq) : Gq = t[26];
       let Kq = Gq;
-      y = Alert, E = f, t[27] === o ? O = t[28] : (O = cn("border-none font-code text-sm text-[0.84375rem] p-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-2", o), t[27] = o, t[28] = O), A = Kq, S = "flex flex-col gap-4", w = Hq(), t[2] = f, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = c, t[8] = v, t[9] = _, t[10] = d, t[11] = y, t[12] = S, t[13] = w, t[14] = E, t[15] = O, t[16] = A;
+      y = Alert, E = f, t[27] === o ? O = t[28] : (O = cn("border-none font-code text-sm text-[0.84375rem] p-0 text-muted-foreground normal has-[svg]:pl-0 space-y-2", o), t[27] = o, t[28] = O), A = Kq, S = "flex flex-col gap-4", w = Hq(), t[2] = f, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = c, t[8] = v, t[9] = _, t[10] = d, t[11] = y, t[12] = S, t[13] = w, t[14] = E, t[15] = O, t[16] = A;
     } else y = t[11], S = t[12], w = t[13], E = t[14], O = t[15], A = t[16];
     let M;
     t[29] !== S || t[30] !== w ? (M = (0, import_jsx_runtime.jsx)("div", {
@@ -20617,12 +20617,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   const TextOutput = (e) => {
     let t = (0, import_compiler_runtime$53.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
     t[0] === o ? c = t[1] : (c = (e2) => (0, import_jsx_runtime.jsx)("span", {
-      className: o ? "whitespace-pre-wrap break-words" : "whitespace-pre",
+      className: o ? "whitespace-pre-wrap wrap-break-word" : "whitespace-pre",
       children: (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
         text: e2
       })
     }), t[0] = o, t[1] = c);
-    let d = c, f = !s && (o ? "whitespace-pre-wrap break-words" : "whitespace-pre"), h = i === "output" && "font-prose", _;
+    let d = c, f = !s && (o ? "whitespace-pre-wrap wrap-break-word" : "whitespace-pre"), h = i === "output" && "font-prose", _;
     t[2] !== i || t[3] !== f || t[4] !== h ? (_ = cn(f, h, i), t[2] = i, t[3] = f, t[4] = h, t[5] = _) : _ = t[5];
     let v;
     t[6] !== d || t[7] !== s || t[8] !== n ? (v = s ? d(n) : n, t[6] = d, t[7] = s, t[8] = n, t[9] = v) : v = t[9];
@@ -25972,7 +25972,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
   }
   function getCellStyleClass({ justify: e = "left", wrapped: t, canSelectCell: n, isSelected: i, isNumeric: o = false }) {
-    return cn(n && "cursor-pointer", i && "relative before:absolute before:inset-0 before:bg-(--blue-3) before:rounded before:-z-10 before:mx-[-4px] before:my-[-2px]", "w-full", "text-left", "truncate", o && "tabular-nums", e === "center" && "text-center", e === "right" && "text-right", t && "whitespace-pre-wrap min-w-[200px] break-words");
+    return cn(n && "cursor-pointer", i && "relative before:absolute before:inset-0 before:bg-(--blue-3) before:rounded before:-z-10 before:mx-[-4px] before:my-[-2px]", "w-full", "text-left", "truncate", o && "tabular-nums", e === "center" && "text-center", e === "right" && "text-right", t && "whitespace-pre-wrap min-w-[200px] wrap-break-word");
   }
   function renderAny(e) {
     if (e == null) return "";
@@ -26055,7 +26055,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           leading: i2,
           trailing: h2
         },
-        contentClassName: "max-h-64 overflow-auto whitespace-pre-wrap break-words text-sm w-96",
+        contentClassName: "max-h-64 overflow-auto whitespace-pre-wrap wrap-break-word text-sm w-96",
         buttonText: "X",
         wrapped: _,
         children: (0, import_jsx_runtime.jsx)(MarkdownUrlDetector, {
@@ -26194,7 +26194,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let n = (0, import_compiler_runtime$39.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
-    n[3] === i ? s = n[4] : (s = cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", i), n[3] = i, n[4] = s);
+    n[3] === i ? s = n[4] : (s = cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground has-[[role=checkbox]]:pr-0", i), n[3] = i, n[4] = s);
     let c;
     return n[5] !== o || n[6] !== t || n[7] !== s ? (c = (0, import_jsx_runtime.jsx)("th", {
       ref: t,
@@ -26207,7 +26207,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let n = (0, import_compiler_runtime$39.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
-    n[3] === i ? s = n[4] : (s = cn("p-1.5 align-middle [&:has([role=checkbox])]:pr-0", i), n[3] = i, n[4] = s);
+    n[3] === i ? s = n[4] : (s = cn("p-1.5 align-middle has-[[role=checkbox]]:pr-0", i), n[3] = i, n[4] = s);
     let c;
     return n[5] !== o || n[6] !== t || n[7] !== s ? (c = (0, import_jsx_runtime.jsx)("td", {
       ref: t,
@@ -28440,7 +28440,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let n = (0, import_compiler_runtime$36.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
-    n[3] === i ? s = n[4] : (s = cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", i), n[3] = i, n[4] = s);
+    n[3] === i ? s = n[4] : (s = cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", i), n[3] = i, n[4] = s);
     let c;
     return n[5] !== o || n[6] !== t || n[7] !== s ? (c = (0, import_jsx_runtime.jsx)(_e.Group, {
       ref: t,
@@ -30279,7 +30279,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: "border-input w-24 min-w-0"
     });
     if ((t === "text" || t === "number") && (n === "in" || n === "not_in") && s) return (0, import_jsx_runtime.jsx)("div", {
-      className: "min-w-[14rem] w-fit max-w-[24rem]",
+      className: "min-w-56 w-fit max-w-[24rem]",
       children: (0, import_jsx_runtime.jsx)(FilterByValuesPicker, {
         column: s,
         calculateTopKRows: c,
@@ -35996,7 +35996,7 @@ ${d}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.12-dev5");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.12-dev8");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/{formats-CGj29bgR.js → formats-d6MhLuQ9.js}

@@ -11,7 +11,7 @@ function isDate(e) {
 function isValid(e) {
   return !(!isDate(e) && typeof e != "number" || isNaN(+toDate(e)));
 }
-var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11", {
+var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] has-[svg]:pl-11", {
   variants: { variant: {
     default: "bg-background text-foreground",
     destructive: "text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive",

package/dist/{html-to-image-Pd4oj3-L.js → html-to-image-Di0mtt6O.js}

@@ -16422,20 +16422,20 @@ let __tla = Promise.all([
   import_compiler_runtime$19 = require_compiler_runtime();
   PREVIEW_ITEM_LIMIT = 5;
   DATA_TYPE_COLORS = {
-    boolean: "bg-[var(--orange-4)] text-[var(--orange-11)]",
-    date: "bg-[var(--grass-4)] text-[var(--grass-11)]",
-    time: "bg-[var(--grass-4)] text-[var(--grass-11)]",
-    datetime: "bg-[var(--grass-4)] text-[var(--grass-11)]",
-    number: "bg-[var(--purple-4)] text-[var(--purple-11)]",
-    integer: "bg-[var(--purple-4)] text-[var(--purple-11)]",
-    string: "bg-[var(--blue-4)] text-[var(--blue-11)]",
-    unknown: "bg-[var(--slate-4)] text-[var(--slate-11)]"
+    boolean: "bg-(--orange-4) text-(--orange-11)",
+    date: "bg-(--grass-4) text-(--grass-11)",
+    time: "bg-(--grass-4) text-(--grass-11)",
+    datetime: "bg-(--grass-4) text-(--grass-11)",
+    number: "bg-(--purple-4) text-(--purple-11)",
+    integer: "bg-(--purple-4) text-(--purple-11)",
+    string: "bg-(--blue-4) text-(--blue-11)",
+    unknown: "bg-(--slate-4) text-(--slate-11)"
   };
   SOURCE_TYPE_COLORS = {
-    local: "bg-[var(--blue-4)] text-[var(--blue-11)]",
-    duckdb: "bg-[var(--amber-4)] text-[var(--amber-11)]",
-    connection: "bg-[var(--green-4)] text-[var(--green-11)]",
-    catalog: "bg-[var(--purple-4)] text-[var(--purple-11)]"
+    local: "bg-(--blue-4) text-(--blue-11)",
+    duckdb: "bg-(--amber-4) text-(--amber-11)",
+    connection: "bg-(--green-4) text-(--green-11)",
+    catalog: "bg-(--purple-4) text-(--purple-11)"
   };
   CONTAINER_STYLES = "p-3 min-w-[250px] flex flex-col divide-y";
   columnsText = new PluralWord("column", "columns");
@@ -16462,7 +16462,7 @@ let __tla = Promise.all([
   MetadataRow = (e) => {
     let t = (0, import_compiler_runtime$19.c)(5), { label: n, value: r } = e, i;
     t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsxs)("span", {
-      className: "text-[var(--slate-11)]",
+      className: "text-(--slate-11)",
       children: [
         n,
         ":"
@@ -16480,7 +16480,7 @@ let __tla = Promise.all([
   StatisticItem = (e) => {
     let t = (0, import_compiler_runtime$19.c)(5), { icon: n, text: r } = e, i;
     t[0] === r ? i = t[1] : (i = (0, import_jsx_runtime.jsx)("span", {
-      className: "text-xs text-[var(--slate-11)]",
+      className: "text-xs text-(--slate-11)",
       children: r
     }), t[0] = r, t[1] = i);
     let a;
@@ -16499,7 +16499,7 @@ let __tla = Promise.all([
     t[0] !== r || t[1] !== s ? (c = r.slice(0, s), t[0] = r, t[1] = s, t[2] = c) : c = t[2];
     let l = c, u = i > s, d;
     t[3] === o ? d = t[4] : (d = o && (0, import_jsx_runtime.jsxs)("h4", {
-      className: "text-xs font-medium text-[var(--slate-11)] mb-2",
+      className: "text-xs font-medium text-(--slate-11) mb-2",
       children: [
         o,
         ":"
@@ -16507,7 +16507,7 @@ let __tla = Promise.all([
     }), t[3] = o, t[4] = d);
     let f;
     t[5] !== u || t[6] !== s || t[7] !== i ? (f = u && (0, import_jsx_runtime.jsxs)("div", {
-      className: "text-xs text-[var(--slate-10)] text-center py-1",
+      className: "text-xs text-(--slate-10) text-center py-1",
       children: [
         "... and ",
         i - s,
@@ -16535,12 +16535,12 @@ let __tla = Promise.all([
   const renderTableInfo = (e) => {
     var _a2, _b2;
     let t = e.type === "view" ? (0, import_jsx_runtime.jsx)(Eye, {
-      className: "w-4 h-4 text-[var(--blue-9)]"
+      className: "w-4 h-4 text-(--blue-9)"
     }) : (0, import_jsx_runtime.jsx)(Table2, {
-      className: "w-4 h-4 text-[var(--green-9)]"
+      className: "w-4 h-4 text-(--green-9)"
     }), n = (0, import_jsx_runtime.jsx)(Badge, {
       variant: "secondary",
-      className: `text-xs ${e.type === "view" ? "bg-[var(--blue-4)] text-[var(--blue-11)]" : "bg-[var(--green-4)] text-[var(--green-11)]"}`,
+      className: `text-xs ${e.type === "view" ? "bg-(--blue-4) text-(--blue-11)" : "bg-(--green-4) text-(--green-11)"}`,
       children: e.type
     }), r = e.columns.map((e2) => {
       let t2 = DATA_TYPE_ICON[e2.type];
@@ -16551,7 +16551,7 @@ let __tla = Promise.all([
             className: "flex items-center gap-2",
             children: [
               (0, import_jsx_runtime.jsx)(t2, {
-                className: "w-3 h-3 text-[var(--slate-9)]"
+                className: "w-3 h-3 text-(--slate-9)"
               }),
               (0, import_jsx_runtime.jsx)("span", {
                 className: "font-mono",
@@ -16589,14 +16589,14 @@ let __tla = Promise.all([
             e.variable_name && (0, import_jsx_runtime.jsx)(MetadataRow, {
               label: "Variable",
               value: (0, import_jsx_runtime.jsx)("code", {
-                className: "text-xs bg-[var(--slate-4)] px-1 rounded",
+                className: "text-xs bg-(--slate-4) px-1 rounded",
                 children: e.variable_name
               })
             }),
             e.engine && (0, import_jsx_runtime.jsx)(MetadataRow, {
               label: "Engine",
               value: (0, import_jsx_runtime.jsx)("code", {
-                className: "text-xs bg-[var(--slate-4)] px-1 rounded",
+                className: "text-xs bg-(--slate-4) px-1 rounded",
                 children: e.engine
               })
             })
@@ -16607,13 +16607,13 @@ let __tla = Promise.all([
           children: [
             e.num_columns != null && (0, import_jsx_runtime.jsx)(StatisticItem, {
               icon: (0, import_jsx_runtime.jsx)(Columns2, {
-                className: "w-3 h-3 text-[var(--slate-9)]"
+                className: "w-3 h-3 text-(--slate-9)"
               }),
               text: `${e.num_columns} ${columnsText.pluralize(e.num_columns)}`
             }),
             e.num_rows != null && (0, import_jsx_runtime.jsx)(StatisticItem, {
               icon: (0, import_jsx_runtime.jsx)(Hash, {
-                className: "w-3 h-3 text-[var(--slate-9)]"
+                className: "w-3 h-3 text-(--slate-9)"
               }),
               text: `${e.num_rows} ${rowsText.pluralize(e.num_rows)}`
             })
@@ -16630,17 +16630,17 @@ let __tla = Promise.all([
                   className: "flex items-center gap-1",
                   children: [
                     (0, import_jsx_runtime.jsx)(Key, {
-                      className: "w-3 h-3 text-[var(--amber-9)]"
+                      className: "w-3 h-3 text-(--amber-9)"
                     }),
                     (0, import_jsx_runtime.jsx)("span", {
-                      className: "text-xs font-medium text-[var(--slate-11)]",
+                      className: "text-xs font-medium text-(--slate-11)",
                       children: "Primary Keys:"
                     })
                   ]
                 }),
                 (_a2 = e.primary_keys) == null ? void 0 : _a2.map((e2) => (0, import_jsx_runtime.jsx)(Badge, {
                   variant: "outline",
-                  className: "text-xs text-[var(--slate-11)]",
+                  className: "text-xs text-(--slate-11)",
                   children: e2
                 }, e2))
               ]
@@ -16652,17 +16652,17 @@ let __tla = Promise.all([
                   className: "flex items-center gap-1 mb-1",
                   children: [
                     (0, import_jsx_runtime.jsx)(BookMarked, {
-                      className: "w-3 h-3 text-[var(--purple-9)]"
+                      className: "w-3 h-3 text-(--purple-9)"
                     }),
                     (0, import_jsx_runtime.jsx)("span", {
-                      className: "text-xs font-medium text-[var(--slate-11)]",
+                      className: "text-xs font-medium text-(--slate-11)",
                       children: "Indexes:"
                     })
                   ]
                 }),
                 (_b2 = e.indexes) == null ? void 0 : _b2.map((e2) => (0, import_jsx_runtime.jsx)(Badge, {
                   variant: "outline",
-                  className: "text-xs text-[var(--slate-11)]",
+                  className: "text-xs text-(--slate-11)",
                   children: e2
                 }, e2))
               ]
@@ -16682,7 +16682,7 @@ let __tla = Promise.all([
       className: `text-xs ${getDataTypeColorClass(e.type)}`,
       children: e.type
     }), r = ((_a2 = e.sample_values) == null ? void 0 : _a2.map((e2, t2) => (0, import_jsx_runtime.jsx)("div", {
-      className: "text-xs bg-[var(--slate-3)] rounded font-mono",
+      className: "text-xs bg-(--slate-3) rounded font-mono",
       children: e2 == null ? "null" : String(e2)
     }, t2))) || [];
     return (0, import_jsx_runtime.jsxs)("div", {
@@ -16690,7 +16690,7 @@ let __tla = Promise.all([
       children: [
         (0, import_jsx_runtime.jsx)(SectionHeader, {
           icon: (0, import_jsx_runtime.jsx)(t, {
-            className: "w-4 h-4 text-[var(--slate-9)]"
+            className: "w-4 h-4 text-(--slate-9)"
           }),
           title: e.name,
           badge: n
@@ -16708,7 +16708,7 @@ let __tla = Promise.all([
             (0, import_jsx_runtime.jsx)(MetadataRow, {
               label: "External Type",
               value: (0, import_jsx_runtime.jsx)("code", {
-                className: "text-xs bg-[var(--slate-4)] px-1 rounded",
+                className: "text-xs bg-(--slate-4) px-1 rounded",
                 children: e.external_type
               })
             })
@@ -16724,16 +16724,16 @@ let __tla = Promise.all([
   }, renderDatabaseInfo = (e) => {
     let t = (0, import_jsx_runtime.jsx)(Badge, {
       variant: "outline",
-      className: "text-xs bg-[var(--blue-4)] text-[var(--blue-11)]",
+      className: "text-xs bg-(--blue-4) text-(--blue-11)",
       children: e.dialect
     }), n = e.schemas.map((e2) => (0, import_jsx_runtime.jsxs)("div", {
-      className: "flex items-center justify-between text-xs rounded hover:bg-[var(--slate-3)]",
+      className: "flex items-center justify-between text-xs rounded hover:bg-(--slate-3)",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
           className: "flex items-center gap-2",
           children: [
             (0, import_jsx_runtime.jsx)(Layers, {
-              className: "w-3 h-3 text-[var(--slate-9)]"
+              className: "w-3 h-3 text-(--slate-9)"
             }),
             (0, import_jsx_runtime.jsx)("span", {
               children: e2.name
@@ -16756,7 +16756,7 @@ let __tla = Promise.all([
       children: [
         (0, import_jsx_runtime.jsx)(SectionHeader, {
           icon: (0, import_jsx_runtime.jsx)(Database, {
-            className: "w-4 h-4 text-[var(--blue-9)]"
+            className: "w-4 h-4 text-(--blue-9)"
           }),
           title: e.name,
           badge: t
@@ -16774,7 +16774,7 @@ let __tla = Promise.all([
             e.engine && (0, import_jsx_runtime.jsx)(MetadataRow, {
               label: "Engine",
               value: (0, import_jsx_runtime.jsx)("code", {
-                className: "text-xs bg-[var(--slate-4)] px-1 rounded",
+                className: "text-xs bg-(--slate-4) px-1 rounded",
                 children: e.engine
               })
             })
@@ -16784,7 +16784,7 @@ let __tla = Promise.all([
           className: "py-2",
           children: (0, import_jsx_runtime.jsx)(StatisticItem, {
             icon: (0, import_jsx_runtime.jsx)(Layers, {
-              className: "w-3 h-3 text-[var(--slate-9)]"
+              className: "w-3 h-3 text-(--slate-9)"
             }),
             text: `${e.schemas.length} schema${e.schemas.length === 1 ? "" : "s"}`
           })
@@ -16800,18 +16800,18 @@ let __tla = Promise.all([
   }, renderSchemaInfo = (e) => {
     let t = (0, import_jsx_runtime.jsx)(Badge, {
       variant: "outline",
-      className: "text-xs bg-[var(--green-4)] text-[var(--green-11)]",
+      className: "text-xs bg-(--green-4) text-(--green-11)",
       children: "Schema"
     }), n = e.tables.map((e2) => (0, import_jsx_runtime.jsxs)("div", {
-      className: "flex items-center justify-between text-xs rounded hover:bg-[var(--slate-3)]",
+      className: "flex items-center justify-between text-xs rounded hover:bg-(--slate-3)",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
           className: "flex items-center gap-2",
           children: [
             e2.type === "view" ? (0, import_jsx_runtime.jsx)(Eye, {
-              className: "w-3 h-3 text-[var(--blue-9)]"
+              className: "w-3 h-3 text-(--blue-9)"
             }) : (0, import_jsx_runtime.jsx)(Table2, {
-              className: "w-3 h-3 text-[var(--green-9)]"
+              className: "w-3 h-3 text-(--green-9)"
             }),
             (0, import_jsx_runtime.jsx)("span", {
               children: e2.name
@@ -16820,7 +16820,7 @@ let __tla = Promise.all([
         }),
         (0, import_jsx_runtime.jsx)(Badge, {
           variant: "outline",
-          className: `text-xs ${e2.type === "view" ? "bg-[var(--blue-4)] text-[var(--blue-11)]" : "bg-[var(--green-4)] text-[var(--green-11)]"}`,
+          className: `text-xs ${e2.type === "view" ? "bg-(--blue-4) text-(--blue-11)" : "bg-(--green-4) text-(--green-11)"}`,
           children: e2.type
         })
       ]
@@ -16830,7 +16830,7 @@ let __tla = Promise.all([
       children: [
         (0, import_jsx_runtime.jsx)(SectionHeader, {
           icon: (0, import_jsx_runtime.jsx)(Layers, {
-            className: "w-4 h-4 text-[var(--green-9)]"
+            className: "w-4 h-4 text-(--green-9)"
           }),
           title: e.name,
           badge: t
@@ -16839,7 +16839,7 @@ let __tla = Promise.all([
           className: "py-2",
           children: (0, import_jsx_runtime.jsx)(StatisticItem, {
             icon: (0, import_jsx_runtime.jsx)(Table2, {
-              className: "w-3 h-3 text-[var(--slate-9)]"
+              className: "w-3 h-3 text-(--slate-9)"
             }),
             text: `${e.tables.length} table${e.tables.length === 1 ? "" : "s"}`
           })
@@ -16865,7 +16865,7 @@ let __tla = Promise.all([
         className: "flex items-center gap-2 ml-4",
         children: [
           (0, import_jsx_runtime.jsx)(Table2, {
-            className: "w-3 h-3 text-[var(--green-9)]"
+            className: "w-3 h-3 text-(--green-9)"
           }),
           (0, import_jsx_runtime.jsx)("span", {
             className: "text-xs",
@@ -16875,10 +16875,10 @@ let __tla = Promise.all([
       }, e2.name))), (0, import_jsx_runtime.jsxs)("div", {
         children: [
           (0, import_jsx_runtime.jsxs)("div", {
-            className: "flex items-center gap-2 text-xs rounded hover:bg-[var(--slate-3)] ml-2",
+            className: "flex items-center gap-2 text-xs rounded hover:bg-(--slate-3) ml-2",
             children: [
               (0, import_jsx_runtime.jsx)(Layers, {
-                className: "w-3 h-3 text-[var(--slate-9)]"
+                className: "w-3 h-3 text-(--slate-9)"
               }),
               (0, import_jsx_runtime.jsx)("span", {
                 children: t2.name
@@ -16909,7 +16909,7 @@ let __tla = Promise.all([
             className: "flex items-center gap-2",
             children: [
               (0, import_jsx_runtime.jsx)(Database, {
-                className: "w-3 h-3 text-[var(--blue-9)]"
+                className: "w-3 h-3 text-(--blue-9)"
               }),
               (0, import_jsx_runtime.jsx)("span", {
                 className: "text-xs",
@@ -16930,7 +16930,7 @@ let __tla = Promise.all([
       className: "flex items-center gap-2",
       children: [
         (0, import_jsx_runtime.jsx)(Table2, {
-          className: "w-3 h-3 text-[var(--blue-9)]"
+          className: "w-3 h-3 text-(--blue-9)"
         }),
         (0, import_jsx_runtime.jsx)("span", {
           className: "text-xs",
@@ -16943,7 +16943,7 @@ let __tla = Promise.all([
       children: [
         (0, import_jsx_runtime.jsx)(SectionHeader, {
           icon: (0, import_jsx_runtime.jsx)(Cog, {
-            className: "w-4 h-4 text-[var(--purple-9)]"
+            className: "w-4 h-4 text-(--purple-9)"
           }),
           title: o
         }),
@@ -16961,7 +16961,7 @@ let __tla = Promise.all([
               label: "Source",
               value: (0, import_jsx_runtime.jsx)(Badge, {
                 variant: "outline",
-                className: "text-xs bg-[var(--green-4)] text-[var(--green-11)]",
+                className: "text-xs bg-(--green-4) text-(--green-11)",
                 children: e.source
               })
             })
@@ -16972,13 +16972,13 @@ let __tla = Promise.all([
           children: [
             (0, import_jsx_runtime.jsx)(StatisticItem, {
               icon: (0, import_jsx_runtime.jsx)(Database, {
-                className: "w-3 h-3 text-[var(--slate-9)]"
+                className: "w-3 h-3 text-(--slate-9)"
               }),
               text: `${n} ${databasesText.pluralize(n)}`
             }),
             (0, import_jsx_runtime.jsx)(StatisticItem, {
               icon: (0, import_jsx_runtime.jsx)(Layers, {
-                className: "w-3 h-3 text-[var(--slate-9)]"
+                className: "w-3 h-3 text-(--slate-9)"
               }),
               text: `${r} ${schemasText.pluralize(r)}`
             })
@@ -17000,17 +17000,17 @@ let __tla = Promise.all([
     children: [
       (0, import_jsx_runtime.jsx)(Info, {
         size: 10,
-        className: "mt-1 text-[var(--slate-10)] shrink-0"
+        className: "mt-1 text-(--slate-10) shrink-0"
       }),
       (0, import_jsx_runtime.jsxs)("span", {
-        className: "text-xs text-[var(--slate-11)]",
+        className: "text-xs text-(--slate-11)",
         children: [
           "No ",
           e,
           " information available.",
           " \n",
           (0, import_jsx_runtime.jsx)("span", {
-            className: "text-[var(--blue-10)]",
+            className: "text-(--blue-10)",
             children: "Introspect to see more details."
           })
         ]