@marimo-team/islands 0.23.12-dev4 → 0.23.12-dev7

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

@@ -2,29 +2,29 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { a as __toCommonJS, n as __esmMin, o as __toDynamicImportESM, r as __export, s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, d as createSlot, g as cn, m as useComposedRefs, o as isPlatformMac, r as cva, t as Button } from "./button-vQhauTmO.js";
+import { _ as Logger, c as Objects, d as createSlot, g as cn, m as useComposedRefs, o as isPlatformMac, r as cva, t as Button } from "./button-BacYv-bE.js";
 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, t as copyToClipboard } from "./copy-UhDed7D4.js";
+import { r as toast, t as copyToClipboard } from "./copy-COam1EG7.js";
 import { a as gn, c as rehypeSanitize, l as defaultSchema, s as xn, u as require_cjs, __tla as __tla_0 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
-import { a as createPopperScope, i as Root2$3, l as VisuallyHidden, n as Arrow, o as useSize, r as Content$1, t as Anchor, u as createLucideIcon } from "./dist-DYGLrbYQ.js";
-import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-C3Ec71q0.js";
-import { t as Check } from "./check-nrzHDi45.js";
-import { C as logNever, F as createCollection, I as X, N as usePrevious, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue } from "./strings-Cq2s9_EQ.js";
-import { J as marked, X as useDebouncedCallback, _t as $f6c31cce2adf654f$export$45712eceda6fad21, q as useNonce } from "./input-AKkGXdyV.js";
-import { _ as isWasm, g as Deferred, h as waitForConnectionOpen, l as getRuntimeManager, t as toDate, v as CircleQuestionMark } from "./toDate-Do1xRzAo.js";
+import { a as createPopperScope, i as Root2$3, l as VisuallyHidden, n as Arrow, o as useSize, r as Content$1, t as Anchor, u as createLucideIcon } from "./dist--2Bqjvs0.js";
+import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-AHlswLw-.js";
+import { t as Check } from "./check-C9OoNtR4.js";
+import { C as logNever, F as createCollection, I as X, N as usePrevious, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue } from "./strings-Dq_j3Rxw.js";
+import { J as marked, X as useDebouncedCallback, _t as $f6c31cce2adf654f$export$45712eceda6fad21, q as useNonce } from "./input-CbEz_aj_.js";
+import { _ as isWasm, g as Deferred, h as waitForConnectionOpen, l as getRuntimeManager, t as toDate, v as CircleQuestionMark } from "./toDate-D-l5s8nn.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { B as union, N as number, P as object, Q as withSmartCollisionBoundary, R as string, T as boolean, Y as MAX_HEIGHT_OFFSET, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ft as Presence, ht as composeEventHandlers, it as useFocusGuards, k as literal, lt as Root$1, mt as useLayoutEffect2, nt as Combination_default, ot as FocusScope, pt as useControllableState, st as Branch, tt as hideOthers, ut as useCallbackRef, vt as Primitive, w as array, yt as dispatchDiscreteCustomEvent } from "./zod-DXqkaI_w.js";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-Bz3OAwrU.js";
-import { a as setDiagnostics, c as historyField, d as insertTab, f as CopyClipboardIcon, i as linter, n as forEachDiagnostic, s as history } from "./extends-9Yl5BEcg.js";
+import { B as union, N as number, P as object, Q as withSmartCollisionBoundary, R as string, T as boolean, Y as MAX_HEIGHT_OFFSET, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ft as Presence, ht as composeEventHandlers, it as useFocusGuards, k as literal, lt as Root$1, mt as useLayoutEffect2, nt as Combination_default, ot as FocusScope, pt as useControllableState, st as Branch, tt as hideOthers, ut as useCallbackRef, vt as Primitive, w as array, yt as dispatchDiscreteCustomEvent } from "./zod-CijjQh4u.js";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-Czds6Qr8.js";
+import { a as setDiagnostics, c as historyField, d as insertTab, f as CopyClipboardIcon, i as linter, n as forEachDiagnostic, s as history } from "./extends-9MVIxxRo.js";
 import { i as debounce_default } from "./constants-T20xxyNf.js";
-import { _ as useAtomValue, a as getResolvedMarimoConfig, b as atom, d as store, g as useAtom, h as Provider, i as autoInstantiateAtom, m as isIslands, n as useTheme, t as resolvedThemeAtom, u as createDeepEqualAtom, w as dequal } from "./useTheme-ZhT6uIu3.js";
+import { _ as useAtomValue, a as getResolvedMarimoConfig, b as atom, d as store, g as useAtom, h as Provider, i as autoInstantiateAtom, m as isIslands, n as useTheme, t as resolvedThemeAtom, u as createDeepEqualAtom, w as dequal } from "./useTheme-BrYvK-_A.js";
 import { $ as EditorView, At as Facet, B as highlightCode, Ct as Annotation, Dt as Compartment, E as getIndentUnit, H as tags, I as syntaxTree, It as StateEffect, L as unfoldAll, Lt as StateField, Mt as Prec, Nt as RangeSet, Ot as EditorSelection, Rt as Text, S as foldInside, X as parseMixed, Z as Decoration, b as foldAll, bt as showPanel, ct as gutter, et as GutterMarker, f as StreamLanguage, ft as hoverTooltip, gt as placeholder, kt as EditorState, l as LanguageDescription, pt as keymap, tt as ViewPlugin, u as LanguageSupport, w as foldNodeProp, xt as showTooltip, z as classHighlighter, zt as Transaction } from "./dist-U4F-tbMs.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
 import { a as arrayMove, i as arrayInsertMany, l as clamp, n as arrayDelete, r as arrayInsert } from "./arrays-sEtDRoG4.js";
 import { n as once } from "./once-DPuqGUeo.js";
-import { t as getIframeCapabilities } from "./capabilities-BEHzIS99.js";
+import { t as getIframeCapabilities } from "./capabilities-D_4LYhSU.js";
 import { d as snippet, n as acceptCompletion, r as autocompletion, u as insertCompletionText } from "./dist-hT4QzYX-.js";
 import { t as require_main } from "./main-Tj_-QTyF.js";
 import { a as PLSQL, c as SQLite, d as schemaCompletionSource, f as sql, i as MySQL, l as StandardSQL, n as MSSQL, o as PostgreSQL, r as MariaSQL, s as SQLDialect, t as Cassandra, u as keywordCompletionSource } from "./dist-CcWX6tmx.js";
@@ -32,7 +32,7 @@ import { a as markdown, s as markdownLanguage } from "./dist-Dv_Y15yk.js";
 import { a as parser, i as pythonLanguage, n as localCompletionSource, r as python, t as globalCompletion } from "./dist-C_Y3oV3C.js";
 import { n as stexMath } from "./stex-BIsgBmK4.js";
 import { t as purify } from "./purify.es-H92eMd9-.js";
-import { t as useAsyncData } from "./useAsyncData-CL3o2p4i.js";
+import { t as useAsyncData } from "./useAsyncData-1Dhzjfwf.js";
 let reducer$1, extractAllTracebackInfo, ChevronRightIcon, Minus, goToCellLine, safeExtractSetUIElementMessageBuffers, CircleAlert, DATA_TYPE_ICON, AccordionContent, Root2$2, Checkbox, ChatBubbleIcon, Table2, PathBuilder, BorderAllIcon, Trash2, createVariableInfoElement, base64ToDataView, Eye, adaptForLocalStorage, cellErrorsAtom, getTableType, getMarimoExportContext, esm_default, require_client, base64ToUint8Array, ExternalLink, jotaiJsonStorage, getCellNames, requestClientAtom, createActions$1, convertStatsName, dataViewToBase64, Database, variablesAtom, PinLeftIcon, Layers, generateUUID, PinRightIcon, Info, useChromeActions, CheckIcon, PaintRoller, Paths, base64ToDataURL, FileText, repl, numColumnsAtom, elementContainsMarimoCellFile, extractBase64FromDataURL, Columns2, PluralWord, Accordion, Item, normalizeName, AccordionTrigger, Wrench, MarkdownLanguageAdapter, hasTrustedExportContext, import_lib$1, allTablesAtom, renderHTML, Braces, getDataTypeColor, hasRunAnyCellAtom, dataSourceConnectionsAtom, notebookAtom, isUninstantiated, hasOnlyOneCellAtom, useRequestClient, notebookOutline, singleFacet, Boosts, atomWithStorage, DATA_CELL_ID, useCellFocusActions, parseDataset, parseHtmlContent, AIContextProvider, Close$1, getValidName, Popover, HTMLCellId, initialModeAtom, PopoverTrigger, findCellId, viewStateAtom, getTracebackInfo, useCellActions, isOutputEmpty, OBJECT_ID_ATTR, outputIsLoading, getDatasourceContext, atomWithReducer, sanitizeHtml, DatasourceContextProvider, jsonToMarkdown, headingToIdentifier, LazyAnyLanguageCodeMirror, parseAttrValue, ansiToPlainText, DotFilledIcon, LoaderCircle, DeferredRequestRegistry, ChevronDownIcon, NotebookPen, moveToEndOfEditor, PopoverClose, SCRATCH_CELL_ID, kioskModeAtom, useExpandedOutput, jsonParseWithSpecialChar, isErrorMime, Spinner, ZodLocalStorage, useCellNames, useLastFocusedCellId, parseInitialValue, AnsiUp, useExpandedConsoleOutput, RANDOM_ID_ATTR, outputIsStale, getCellEditorView, getRequestClient, MarkdownRenderer, filenameAtom, createCell, maybeAddAltairImport, CellOutputId, getInitialAppMode, toPng$1, NotebookScopedLocalStorage, useCellIds, PopoverContent, UIElementId, useInstallAllowed, Sections, selectAtom, getCellDomProps, AccordionItem, Trigger2, customPythonLanguageSupport, AIContextRegistry, Content2$1, isInternalCellName, contextToXml, Anchor2, displayCellName, isDataURLString, CircleX, PluralWords;
 let __tla = Promise.all([
   (() => {
@@ -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."
           })
         ]
@@ -28128,7 +28128,7 @@ ${n.sqlString}
       hasConsoleOutput: (o == null ? void 0 : o.consoleOutputs) != null
     };
   }
-  LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-rPSlOll9.js"));
+  LazyAnyLanguageCodeMirror = (0, import_react.lazy)(() => import("./any-language-editor-DN1R-1KZ.js"));
   var import_compiler_runtime$1 = require_compiler_runtime(), extensions = [
     EditorView.lineWrapping
   ];

package/dist/{input-AKkGXdyV.js → input-CbEz_aj_.js}

@@ -3,18 +3,18 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a;
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { _ as Logger, d as createSlot, g as cn, h as Events, m as useComposedRefs, p as composeRefs } from "./button-vQhauTmO.js";
+import { _ as Logger, d as createSlot, g as cn, h as Events, m as useComposedRefs, p as composeRefs } from "./button-BacYv-bE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { a as createPopperScope, i as Root2$1, n as Arrow, r as Content, t as Anchor, u as createLucideIcon } from "./dist-DYGLrbYQ.js";
-import { t as Check } from "./check-nrzHDi45.js";
-import { E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, L as ChevronUp, P as useDirection, R as ChevronDown, T as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, _ as menuControlVariants, b as menuSeparatorVariants, g as menuControlCheckVariants, h as menuContentCommon, k as $b5e257d569688ac6$export$619500959fc48b26, m as MenuShortcut, v as menuItemVariants, w as $a916eb452884faea$export$b7a616150fdb9f44, x as menuSubTriggerVariants, y as menuLabelVariants } from "./strings-Cq2s9_EQ.js";
+import { a as createPopperScope, i as Root2$1, n as Arrow, r as Content, t as Anchor, u as createLucideIcon } from "./dist--2Bqjvs0.js";
+import { t as Check } from "./check-C9OoNtR4.js";
+import { E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, L as ChevronUp, P as useDirection, R as ChevronDown, T as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, _ as menuControlVariants, b as menuSeparatorVariants, g as menuControlCheckVariants, h as menuContentCommon, k as $b5e257d569688ac6$export$619500959fc48b26, m as MenuShortcut, v as menuItemVariants, w as $a916eb452884faea$export$b7a616150fdb9f44, x as menuSubTriggerVariants, y as menuLabelVariants } from "./strings-Dq_j3Rxw.js";
 import { n as clsx_default } from "./clsx-CIWA5tNO.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { Q as withSmartCollisionBoundary, Y as MAX_HEIGHT_OFFSET, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ft as Presence, ht as composeEventHandlers, it as useFocusGuards, nt as Combination_default, ot as FocusScope, pt as useControllableState, tt as hideOthers, ut as useCallbackRef, vt as Primitive, yt as dispatchDiscreteCustomEvent } from "./zod-DXqkaI_w.js";
+import { Q as withSmartCollisionBoundary, Y as MAX_HEIGHT_OFFSET, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ft as Presence, ht as composeEventHandlers, it as useFocusGuards, nt as Combination_default, ot as FocusScope, pt as useControllableState, tt as hideOthers, ut as useCallbackRef, vt as Primitive, yt as dispatchDiscreteCustomEvent } from "./zod-CijjQh4u.js";
 import { i as debounce_default } from "./constants-T20xxyNf.js";
-import { T as useEvent_default } from "./useTheme-ZhT6uIu3.js";
+import { T as useEvent_default } from "./useTheme-BrYvK-_A.js";
 import { t as memoizeLastValue } from "./once-DPuqGUeo.js";
 var ChevronRight = createLucideIcon("chevron-right", [["path", {
   d: "m9 18 6-6-6-6",

package/dist/{label-E3ZJXHu8.js → label-WfTSU8L4.js}

@@ -1,9 +1,9 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { g as cn, r as cva } from "./button-vQhauTmO.js";
+import { g as cn, r as cva } from "./button-BacYv-bE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { vt as Primitive } from "./zod-DXqkaI_w.js";
+import { vt as Primitive } from "./zod-CijjQh4u.js";
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), NAME = "Label", Label$1 = import_react.forwardRef((e, c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.label, {
   ...e,
   ref: c,

package/dist/{loader-YPuQvn1Y.js → loader-Boph2xIS.js}

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a, _b, _c, _d, _e;
-import { _ as Logger, c as Objects } from "./button-vQhauTmO.js";
+import { _ as Logger, c as Objects } from "./button-BacYv-bE.js";
 import { St as isObject, a as loader, c as typeParsers$1, gt as isArray, o as read$1, wt as isString } from "./vega-loader.browser-CZ-J8Py3.js";
 var pkg = { version: "1.1.0" };
 function formatValue(m2, U, G, K) {