@uipath/apollo-wind 2.20.1 → 2.22.0

package/dist/components/forms/metadata-form.cjs

@@ -27,18 +27,19 @@ __webpack_require__.d(__webpack_exports__, {
     MetadataForm: ()=>MetadataForm
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const standard_schema_namespaceObject = require("@hookform/resolvers/standard-schema");
 const external_react_namespaceObject = require("react");
 const external_react_hook_form_namespaceObject = require("react-hook-form");
 const v4_namespaceObject = require("zod/v4");
 const accordion_cjs_namespaceObject = require("../ui/accordion.cjs");
 const button_cjs_namespaceObject = require("../ui/button.cjs");
-const standard_schema_namespaceObject = require("@hookform/resolvers/standard-schema");
+const tabs_cjs_namespaceObject = require("../ui/tabs.cjs");
 const external_data_fetcher_cjs_namespaceObject = require("./data-fetcher.cjs");
 const external_field_renderer_cjs_namespaceObject = require("./field-renderer.cjs");
 const external_rules_engine_cjs_namespaceObject = require("./rules-engine.cjs");
 const external_validation_converter_cjs_namespaceObject = require("./validation-converter.cjs");
 const DEFAULT_PLUGINS = [];
-function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className, disabled = false, autoComplete }) {
+function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className, disabled = false, autoComplete, stepVariant = 'wizard' }) {
     const [currentStep, setCurrentStep] = (0, external_react_namespaceObject.useState)(0);
     const [customComponents, setCustomComponents] = (0, external_react_namespaceObject.useState)({});
     const [isInitialized, setIsInitialized] = (0, external_react_namespaceObject.useState)(false);
@@ -124,14 +125,23 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
         if (onSubmit) await onSubmit(finalData);
     });
     const renderContent = ()=>{
-        if (schema.steps) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MultiStepForm, {
-            schema: schema,
-            context: context,
-            currentStep: currentStep,
-            setCurrentStep: setCurrentStep,
-            customComponents: customComponents,
-            disabled: disabled
-        });
+        if (schema.steps) {
+            if ('tabs' === stepVariant) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabbedStepForm, {
+                schema: schema,
+                context: context,
+                customComponents: customComponents,
+                disabled: disabled,
+                onReset: ()=>reset()
+            });
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MultiStepForm, {
+                schema: schema,
+                context: context,
+                currentStep: currentStep,
+                setCurrentStep: setCurrentStep,
+                customComponents: customComponents,
+                disabled: disabled
+            });
+        }
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SinglePageForm, {
             schema: schema,
             context: context,
@@ -240,6 +250,53 @@ function MultiStepForm({ schema, context, currentStep, setCurrentStep, customCom
         ]
     });
 }
+function TabbedStepForm({ schema, context, customComponents, disabled, onReset }) {
+    const steps = schema.steps || [];
+    const visibleSteps = steps.filter((step)=>step.sections.length > 0 && (!step.conditions || context.evaluateConditions(step.conditions)));
+    const [activeTab, setActiveTab] = (0, external_react_namespaceObject.useState)('');
+    const currentTab = visibleSteps.some((step)=>step.id === activeTab) ? activeTab : visibleSteps[0]?.id ?? '';
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (activeTab !== currentTab) setActiveTab(currentTab);
+    }, [
+        activeTab,
+        currentTab
+    ]);
+    if (0 === visibleSteps.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.Tabs, {
+                value: currentTab,
+                onValueChange: setActiveTab,
+                className: "flex flex-col gap-4",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsList, {
+                        className: "h-auto justify-start gap-4 overflow-x-auto rounded-none border-b border-border bg-transparent py-0 text-muted-foreground [-ms-overflow-style:none] [margin-inline:calc(var(--mf-content-inset,0px)*-1)] [padding-inline:var(--mf-content-inset,0px)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+                        children: visibleSteps.map((step)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
+                                value: step.id,
+                                className: "-mb-px shrink-0 whitespace-nowrap rounded-none border-b-2 border-transparent bg-transparent px-1 pb-2 pt-1 font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
+                                children: step.title
+                            }, step.id))
+                    }),
+                    visibleSteps.map((step)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
+                            value: step.id,
+                            className: "space-y-2",
+                            children: step.sections.filter((section)=>!section.conditions || context.evaluateConditions(section.conditions)).map((section)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormSection, {
+                                    section: section,
+                                    context: context,
+                                    customComponents: customComponents,
+                                    disabled: disabled
+                                }, section.id))
+                        }, step.id))
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormActions, {
+                schema: schema,
+                context: context,
+                onReset: onReset
+            })
+        ]
+    });
+}
 function FormSection({ section, context, customComponents, disabled }) {
     const gridColumns = context.schema.layout?.columns || 1;
     const gap = context.schema.layout?.gap || 4;

package/dist/components/forms/metadata-form.d.ts

@@ -11,6 +11,13 @@ interface MetadataFormProps {
     disabled?: boolean;
     /** Disable browser autocomplete suggestions. Defaults to undefined (browser default). */
     autoComplete?: 'off' | 'on';
+    /**
+     * Presentation for multi-step schemas. `'wizard'` (default) shows Previous/Next
+     * navigation with a Submit button on the final step. `'tabs'` renders the steps
+     * as a tab bar over a single form instance, so values and validation are shared
+     * across every step. Ignored for single-page (`sections`) schemas.
+     */
+    stepVariant?: 'wizard' | 'tabs';
 }
-export declare function MetadataForm({ schema, plugins, onSubmit, className, disabled, autoComplete, }: MetadataFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataForm({ schema, plugins, onSubmit, className, disabled, autoComplete, stepVariant, }: MetadataFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/forms/metadata-form.js

@@ -1,16 +1,17 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { z } from "zod/v4";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion.js";
 import { Button } from "../ui/button.js";
-import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
 import { DataFetcher } from "./data-fetcher.js";
 import { FormFieldRenderer } from "./field-renderer.js";
 import { RulesEngine } from "./rules-engine.js";
 import { validationConfigToZod } from "./validation-converter.js";
 const DEFAULT_PLUGINS = [];
-function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className, disabled = false, autoComplete }) {
+function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className, disabled = false, autoComplete, stepVariant = 'wizard' }) {
     const [currentStep, setCurrentStep] = useState(0);
     const [customComponents, setCustomComponents] = useState({});
     const [isInitialized, setIsInitialized] = useState(false);
@@ -96,14 +97,23 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
         if (onSubmit) await onSubmit(finalData);
     });
     const renderContent = ()=>{
-        if (schema.steps) return /*#__PURE__*/ jsx(MultiStepForm, {
-            schema: schema,
-            context: context,
-            currentStep: currentStep,
-            setCurrentStep: setCurrentStep,
-            customComponents: customComponents,
-            disabled: disabled
-        });
+        if (schema.steps) {
+            if ('tabs' === stepVariant) return /*#__PURE__*/ jsx(TabbedStepForm, {
+                schema: schema,
+                context: context,
+                customComponents: customComponents,
+                disabled: disabled,
+                onReset: ()=>reset()
+            });
+            return /*#__PURE__*/ jsx(MultiStepForm, {
+                schema: schema,
+                context: context,
+                currentStep: currentStep,
+                setCurrentStep: setCurrentStep,
+                customComponents: customComponents,
+                disabled: disabled
+            });
+        }
         return /*#__PURE__*/ jsx(SinglePageForm, {
             schema: schema,
             context: context,
@@ -212,6 +222,53 @@ function MultiStepForm({ schema, context, currentStep, setCurrentStep, customCom
         ]
     });
 }
+function TabbedStepForm({ schema, context, customComponents, disabled, onReset }) {
+    const steps = schema.steps || [];
+    const visibleSteps = steps.filter((step)=>step.sections.length > 0 && (!step.conditions || context.evaluateConditions(step.conditions)));
+    const [activeTab, setActiveTab] = useState('');
+    const currentTab = visibleSteps.some((step)=>step.id === activeTab) ? activeTab : visibleSteps[0]?.id ?? '';
+    useEffect(()=>{
+        if (activeTab !== currentTab) setActiveTab(currentTab);
+    }, [
+        activeTab,
+        currentTab
+    ]);
+    if (0 === visibleSteps.length) return null;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Tabs, {
+                value: currentTab,
+                onValueChange: setActiveTab,
+                className: "flex flex-col gap-4",
+                children: [
+                    /*#__PURE__*/ jsx(TabsList, {
+                        className: "h-auto justify-start gap-4 overflow-x-auto rounded-none border-b border-border bg-transparent py-0 text-muted-foreground [-ms-overflow-style:none] [margin-inline:calc(var(--mf-content-inset,0px)*-1)] [padding-inline:var(--mf-content-inset,0px)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+                        children: visibleSteps.map((step)=>/*#__PURE__*/ jsx(TabsTrigger, {
+                                value: step.id,
+                                className: "-mb-px shrink-0 whitespace-nowrap rounded-none border-b-2 border-transparent bg-transparent px-1 pb-2 pt-1 font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
+                                children: step.title
+                            }, step.id))
+                    }),
+                    visibleSteps.map((step)=>/*#__PURE__*/ jsx(TabsContent, {
+                            value: step.id,
+                            className: "space-y-2",
+                            children: step.sections.filter((section)=>!section.conditions || context.evaluateConditions(section.conditions)).map((section)=>/*#__PURE__*/ jsx(FormSection, {
+                                    section: section,
+                                    context: context,
+                                    customComponents: customComponents,
+                                    disabled: disabled
+                                }, section.id))
+                        }, step.id))
+                ]
+            }),
+            /*#__PURE__*/ jsx(FormActions, {
+                schema: schema,
+                context: context,
+                onReset: onReset
+            })
+        ]
+    });
+}
 function FormSection({ section, context, customComponents, disabled }) {
     const gridColumns = context.schema.layout?.columns || 1;
     const gap = context.schema.layout?.gap || 4;

package/dist/components/ui/index.cjs

@@ -27,13 +27,13 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./collapsible" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./dropdown-menu" (module) {
@@ -75,7 +75,7 @@ var __webpack_modules__ = {
     "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "./label" (module) {
@@ -269,21 +269,21 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("./card");
+    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_19 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_19)if ([
         "TreeView",
@@ -381,7 +381,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("./input");
+    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",

package/dist/editor-themes/codemirror.cjs

@@ -0,0 +1,194 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    apolloCoreDarkCodeMirror: ()=>apolloCoreDarkCodeMirror,
+    apolloCoreDarkHCCodeMirror: ()=>apolloCoreDarkHCCodeMirror,
+    apolloCoreLightCodeMirror: ()=>apolloCoreLightCodeMirror,
+    apolloCoreLightHCCodeMirror: ()=>apolloCoreLightHCCodeMirror,
+    apolloFutureDarkCodeMirror: ()=>apolloFutureDarkCodeMirror,
+    apolloFutureLightCodeMirror: ()=>apolloFutureLightCodeMirror
+});
+const apolloFutureDarkCodeMirror = {
+    syntax: {
+        rest: '#a1a1aa',
+        comment: '#52525b',
+        punctuation: '#71717a',
+        keyword: '#22d3ee',
+        string: '#34d399',
+        number: '#fbbf24',
+        literal: '#a78bfa',
+        operator: '#22d3ee',
+        meta: '#71717a'
+    },
+    ui: {
+        background: '#18181b',
+        foreground: '#a1a1aa',
+        cursor: '#22d3ee',
+        selection: '#3f3f4666',
+        lineHighlight: '#27272a80',
+        lineNumber: '#52525b',
+        lineNumberActive: '#a1a1aa',
+        indentGuide: '#3f3f46',
+        matchingBracket: '#22d3ee'
+    }
+};
+const apolloFutureLightCodeMirror = {
+    syntax: {
+        rest: '#52525b',
+        comment: '#a1a1aa',
+        punctuation: '#71717a',
+        keyword: '#0e7490',
+        string: '#047857',
+        number: '#b45309',
+        literal: '#7c3aed',
+        operator: '#0e7490',
+        meta: '#71717a'
+    },
+    ui: {
+        background: '#f4f4f5',
+        foreground: '#52525b',
+        cursor: '#0891b2',
+        selection: '#d4d4d866',
+        lineHighlight: '#e4e4e780',
+        lineNumber: '#a1a1aa',
+        lineNumberActive: '#71717a',
+        indentGuide: '#d4d4d8',
+        matchingBracket: '#0891b2'
+    }
+};
+const apolloCoreDarkCodeMirror = {
+    syntax: {
+        rest: '#cfd8dd',
+        comment: '#526069',
+        punctuation: '#8a97a0',
+        keyword: '#66adff',
+        string: '#f25a8c',
+        number: '#6ecdb6',
+        literal: '#dc80db',
+        operator: '#66adff',
+        meta: '#8a97a0'
+    },
+    ui: {
+        background: '#182027',
+        foreground: '#cfd8dd',
+        cursor: '#66adff',
+        selection: '#37465266',
+        lineHighlight: '#27313980',
+        lineNumber: '#526069',
+        lineNumberActive: '#8a97a0',
+        indentGuide: '#374652',
+        matchingBracket: '#66adff'
+    }
+};
+const apolloCoreLightCodeMirror = {
+    syntax: {
+        rest: '#526069',
+        comment: '#a4b1b8',
+        punctuation: '#6b7882',
+        keyword: '#0067df',
+        string: '#d91153',
+        number: '#1e7f5a',
+        literal: '#b748b6',
+        operator: '#0067df',
+        meta: '#6b7882'
+    },
+    ui: {
+        background: '#ffffff',
+        foreground: '#526069',
+        cursor: '#0067df',
+        selection: '#e9f1fa',
+        lineHighlight: '#f4f5f780',
+        lineNumber: '#a4b1b8',
+        lineNumberActive: '#6b7882',
+        indentGuide: '#cfd8dd',
+        matchingBracket: '#0067df'
+    }
+};
+const apolloCoreDarkHCCodeMirror = {
+    syntax: {
+        rest: '#cfd8dd',
+        comment: '#526069',
+        punctuation: '#8a97a0',
+        keyword: '#badaff',
+        string: '#fd7da7',
+        number: '#6ecdb6',
+        literal: '#dc80db',
+        operator: '#badaff',
+        meta: '#8a97a0'
+    },
+    ui: {
+        background: '#182027',
+        foreground: '#cfd8dd',
+        cursor: '#badaff',
+        selection: '#37465266',
+        lineHighlight: '#27313980',
+        lineNumber: '#526069',
+        lineNumberActive: '#bbc7cd',
+        indentGuide: '#374652',
+        matchingBracket: '#badaff'
+    }
+};
+const apolloCoreLightHCCodeMirror = {
+    syntax: {
+        rest: '#374652',
+        comment: '#8a97a0',
+        punctuation: '#526069',
+        keyword: '#00489d',
+        string: '#a60e3f',
+        number: '#176245',
+        literal: '#8c338b',
+        operator: '#00489d',
+        meta: '#526069'
+    },
+    ui: {
+        background: '#ffffff',
+        foreground: '#374652',
+        cursor: '#00489d',
+        selection: '#e9f1fa',
+        lineHighlight: '#f4f5f780',
+        lineNumber: '#8a97a0',
+        lineNumberActive: '#526069',
+        indentGuide: '#cfd8dd',
+        matchingBracket: '#00489d'
+    }
+};
+exports.apolloCoreDarkCodeMirror = __webpack_exports__.apolloCoreDarkCodeMirror;
+exports.apolloCoreDarkHCCodeMirror = __webpack_exports__.apolloCoreDarkHCCodeMirror;
+exports.apolloCoreLightCodeMirror = __webpack_exports__.apolloCoreLightCodeMirror;
+exports.apolloCoreLightHCCodeMirror = __webpack_exports__.apolloCoreLightHCCodeMirror;
+exports.apolloFutureDarkCodeMirror = __webpack_exports__.apolloFutureDarkCodeMirror;
+exports.apolloFutureLightCodeMirror = __webpack_exports__.apolloFutureLightCodeMirror;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "apolloCoreDarkCodeMirror",
+    "apolloCoreDarkHCCodeMirror",
+    "apolloCoreLightCodeMirror",
+    "apolloCoreLightHCCodeMirror",
+    "apolloFutureDarkCodeMirror",
+    "apolloFutureLightCodeMirror"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/editor-themes/codemirror.d.ts

@@ -0,0 +1,128 @@
+/**
+ * Apollo CodeMirror v6 Theme Tokens — Future, Core, and Core HC variants.
+ *
+ * Plain color/style data objects for building CodeMirror v6 extensions.
+ * This file has NO imports from `@codemirror/*` — consumers wire these
+ * values into their own CodeMirror setup.
+ *
+ * -------------------------------------------------------------------------
+ * Usage Example
+ * -------------------------------------------------------------------------
+ *
+ * ```ts
+ * import { EditorView } from '@codemirror/view';
+ * import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
+ * import { tags as t } from '@lezer/highlight';
+ * import { apolloFutureDarkCodeMirror } from '@uipath/apollo-wind/editor-themes';
+ *
+ * const { syntax, ui } = apolloFutureDarkCodeMirror;
+ *
+ * // 1. Base editor theme (cursor, selection, gutter, etc.)
+ * const apolloFutureDarkTheme = EditorView.theme(
+ *   {
+ *     '&': {
+ *       backgroundColor: ui.background,
+ *       color: ui.foreground,
+ *     },
+ *     '.cm-cursor': { borderLeftColor: ui.cursor },
+ *     '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {
+ *       backgroundColor: ui.selection,
+ *     },
+ *     '.cm-activeLine': { backgroundColor: ui.lineHighlight },
+ *     '.cm-gutters': {
+ *       backgroundColor: ui.background,
+ *       borderRight: 'none',
+ *     },
+ *     '.cm-lineNumbers .cm-gutterElement': { color: ui.lineNumber },
+ *     '.cm-activeLineGutter': { color: ui.lineNumberActive },
+ *     '.cm-indentationMark': { borderLeft: `1px solid ${ui.indentGuide}` },
+ *     '.cm-matchingBracket': { outline: `1px solid ${ui.matchingBracket}` },
+ *   },
+ *   { dark: true },
+ * );
+ *
+ * // 2. Syntax highlight style
+ * const apolloFutureDarkHighlight = HighlightStyle.define([
+ *   { tag: t.comment,                  color: syntax.comment,     fontStyle: 'italic' },
+ *   { tag: t.punctuation,              color: syntax.punctuation },
+ *   { tag: [t.keyword, t.operator],    color: syntax.keyword },
+ *   { tag: [t.string, t.regexp],       color: syntax.string },
+ *   { tag: [t.number, t.integer],      color: syntax.number },
+ *   { tag: [t.bool, t.null, t.className, t.typeName], color: syntax.literal },
+ *   { tag: [t.propertyName, t.attributeName], color: syntax.keyword },
+ *   { tag: t.meta,                     color: syntax.meta },
+ *   { tag: t.name,                     color: syntax.rest },
+ * ]);
+ *
+ * // 3. Combine into a single extension array
+ * export const apolloFutureDark = [
+ *   apolloFutureDarkTheme,
+ *   syntaxHighlighting(apolloFutureDarkHighlight),
+ * ];
+ * ```
+ *
+ * Swap `apolloFutureDarkCodeMirror` for `apolloFutureLightCodeMirror` and
+ * pass `{ dark: false }` to `EditorView.theme` to get the light variant.
+ */
+export interface CodeMirrorSyntaxTokens {
+    /** Default text — unclassified identifiers, names */
+    rest: string;
+    /** Source comments */
+    comment: string;
+    /** Punctuation — brackets, delimiters, operators */
+    punctuation: string;
+    /** Language keywords (`if`, `return`, `const`, …) */
+    keyword: string;
+    /** String and template literals */
+    string: string;
+    /** Numeric literals */
+    number: string;
+    /** Booleans, `null`, `undefined`, class names, type names */
+    literal: string;
+    /** Operator symbols (`+`, `=>`, `&&`, …) — shares keyword color */
+    operator: string;
+    /** Directives, annotations, preprocessor meta */
+    meta: string;
+}
+export interface CodeMirrorUiTokens {
+    /** Editor panel background */
+    background: string;
+    /** Default text color */
+    foreground: string;
+    /** Text-insertion cursor */
+    cursor: string;
+    /** Selection highlight (semi-transparent) */
+    selection: string;
+    /** Active line background (semi-transparent) */
+    lineHighlight: string;
+    /** Gutter line number color */
+    lineNumber: string;
+    /** Gutter line number color for the active line */
+    lineNumberActive: string;
+    /** Indentation guide line color */
+    indentGuide: string;
+    /** Matching bracket outline */
+    matchingBracket: string;
+}
+export interface ApolloCodeMirrorTheme {
+    syntax: CodeMirrorSyntaxTokens;
+    ui: CodeMirrorUiTokens;
+}
+/**
+ * Apollo Future dark theme tokens for CodeMirror v6.
+ *
+ * Base palette: zinc-900 surfaces, cyan accent, muted zinc foregrounds.
+ * Syntax colors follow the `--code-*` custom properties from the design system.
+ */
+export declare const apolloFutureDarkCodeMirror: ApolloCodeMirrorTheme;
+/**
+ * Apollo Future light theme tokens for CodeMirror v6.
+ *
+ * Base palette: zinc-100 surfaces, cyan-700 accent, muted zinc foregrounds.
+ * Syntax colors follow the `--code-*` custom properties from the design system.
+ */
+export declare const apolloFutureLightCodeMirror: ApolloCodeMirrorTheme;
+export declare const apolloCoreDarkCodeMirror: ApolloCodeMirrorTheme;
+export declare const apolloCoreLightCodeMirror: ApolloCodeMirrorTheme;
+export declare const apolloCoreDarkHCCodeMirror: ApolloCodeMirrorTheme;
+export declare const apolloCoreLightHCCodeMirror: ApolloCodeMirrorTheme;