@uipath/apollo-wind 2.52.1 → 2.52.3

package/dist/components/ui/index.cjs

@@ -27,19 +27,19 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "./calendar" (module) {
+    "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
         module.exports = require("./chart.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -48,7 +48,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -66,10 +66,10 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -84,16 +84,16 @@ var __webpack_modules__ = {
     "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -108,7 +108,7 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "./popover" (module) {
+    "@/components/ui/popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "@/components/ui/portal-container" (module) {
@@ -162,7 +162,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -174,10 +174,10 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
-    "@/components/ui/tooltip" (module) {
+    "./tooltip" (module) {
         module.exports = require("./tooltip.cjs");
     },
     "./tree-view" (module) {
@@ -296,14 +296,14 @@ 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__("./calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/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",
@@ -317,14 +317,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_12 = __webpack_require__("./checkbox");
+    var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_12)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_13 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_13 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_13)if ([
         "TreeView",
@@ -345,7 +345,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_16 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_16 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_16)if ([
         "TreeView",
@@ -387,14 +387,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_22 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_22 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_22)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_23 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_23 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_23)if ([
         "TreeView",
@@ -429,14 +429,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_27[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_28 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_28 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_28)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_29 = __webpack_require__("./input");
+    var _input__rspack_import_29 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_29)if ([
         "TreeView",
@@ -450,7 +450,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_31 = __webpack_require__("./label");
+    var _label__rspack_import_31 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_31)if ([
         "TreeView",
@@ -485,7 +485,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_35[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_36 = __webpack_require__("./popover");
+    var _popover__rspack_import_36 = __webpack_require__("@/components/ui/popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_36)if ([
         "TreeView",
@@ -611,7 +611,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_53[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_54 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_54 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_54)if ([
         "TreeView",
@@ -632,7 +632,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_56[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_57 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_57 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_57)if ([
         "TreeView",
@@ -646,7 +646,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_58[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_59 = __webpack_require__("@/components/ui/tooltip");
+    var _tooltip__rspack_import_59 = __webpack_require__("./tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _tooltip__rspack_import_59)if ([
         "TreeView",

package/dist/components/ui/prompt-editor/plugins/ShortcutContainmentPlugin.cjs

@@ -0,0 +1,62 @@
+"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__, {
+    ShortcutContainmentPlugin: ()=>ShortcutContainmentPlugin,
+    registerShortcutContainment: ()=>registerShortcutContainment
+});
+const LexicalComposerContext_namespaceObject = require("@lexical/react/LexicalComposerContext");
+const external_lexical_namespaceObject = require("lexical");
+const external_react_namespaceObject = require("react");
+const FORMATTING_KEYS = [
+    'b',
+    'i',
+    'u'
+];
+const IS_APPLE = "u" > typeof navigator && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+const CONTROL_OR_META = {
+    ctrlKey: !IS_APPLE,
+    metaKey: IS_APPLE
+};
+const registerShortcutContainment = (editor)=>editor.registerCommand(external_lexical_namespaceObject.KEY_DOWN_COMMAND, (event)=>{
+        if (FORMATTING_KEYS.some((key)=>(0, external_lexical_namespaceObject.isExactShortcutMatch)(event, key, CONTROL_OR_META))) event.stopPropagation();
+        return false;
+    }, external_lexical_namespaceObject.COMMAND_PRIORITY_NORMAL);
+const ShortcutContainmentPlugin = ()=>{
+    const [editor] = (0, LexicalComposerContext_namespaceObject.useLexicalComposerContext)();
+    (0, external_react_namespaceObject.useEffect)(()=>registerShortcutContainment(editor), [
+        editor
+    ]);
+    return null;
+};
+exports.ShortcutContainmentPlugin = __webpack_exports__.ShortcutContainmentPlugin;
+exports.registerShortcutContainment = __webpack_exports__.registerShortcutContainment;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ShortcutContainmentPlugin",
+    "registerShortcutContainment"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/prompt-editor/plugins/ShortcutContainmentPlugin.d.ts

@@ -0,0 +1,19 @@
+import { type LexicalEditor } from 'lexical';
+/**
+ * Keeps the formatting chords the editor consumes from reaching the host.
+ *
+ * Lexical's `$handleKeyDown` calls `preventDefault()` on Cmd/Ctrl+B / +I / +U and
+ * dispatches `FORMAT_TEXT_COMMAND`, but lets the event keep bubbling. A host that binds
+ * the same chord then acts on a keystroke the editor already ate: in a VS Code webview,
+ * bolding prompt-editor text also toggles the left sidebar, because VS Code forwards
+ * document-level keydown to its keybinding layer without consulting `defaultPrevented`.
+ *
+ * Only the chords we actually consume are swallowed. Cmd+A, Cmd+S, Cmd+V and friends
+ * still reach the host untouched.
+ *
+ * Registered at `COMMAND_PRIORITY_NORMAL`, above the `COMMAND_PRIORITY_EDITOR` slot
+ * Lexical's own handler occupies, and returns `false` so that handler still formats.
+ */
+export declare const registerShortcutContainment: (editor: LexicalEditor) => (() => void);
+/** Rich-mode only: the plain editor applies none of these formats, so its chords belong to the host. */
+export declare const ShortcutContainmentPlugin: () => null;

package/dist/components/ui/prompt-editor/plugins/ShortcutContainmentPlugin.js

@@ -0,0 +1,25 @@
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { COMMAND_PRIORITY_NORMAL, KEY_DOWN_COMMAND, isExactShortcutMatch } from "lexical";
+import { useEffect } from "react";
+const FORMATTING_KEYS = [
+    'b',
+    'i',
+    'u'
+];
+const IS_APPLE = "u" > typeof navigator && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+const CONTROL_OR_META = {
+    ctrlKey: !IS_APPLE,
+    metaKey: IS_APPLE
+};
+const registerShortcutContainment = (editor)=>editor.registerCommand(KEY_DOWN_COMMAND, (event)=>{
+        if (FORMATTING_KEYS.some((key)=>isExactShortcutMatch(event, key, CONTROL_OR_META))) event.stopPropagation();
+        return false;
+    }, COMMAND_PRIORITY_NORMAL);
+const ShortcutContainmentPlugin = ()=>{
+    const [editor] = useLexicalComposerContext();
+    useEffect(()=>registerShortcutContainment(editor), [
+        editor
+    ]);
+    return null;
+};
+export { ShortcutContainmentPlugin, registerShortcutContainment };

package/dist/components/ui/prompt-editor/prompt-editor.cjs

@@ -49,6 +49,7 @@ const EditorRefPlugin_cjs_namespaceObject = require("./plugins/EditorRefPlugin.c
 const MultilinePlugin_cjs_namespaceObject = require("./plugins/MultilinePlugin.cjs");
 const NodeSelectionFixPlugin_cjs_namespaceObject = require("./plugins/NodeSelectionFixPlugin.cjs");
 const RenameTokensPlugin_cjs_namespaceObject = require("./plugins/RenameTokensPlugin.cjs");
+const ShortcutContainmentPlugin_cjs_namespaceObject = require("./plugins/ShortcutContainmentPlugin.cjs");
 const ToolbarActionsPlugin_cjs_namespaceObject = require("./plugins/ToolbarActionsPlugin.cjs");
 const ValidateTokensPlugin_cjs_namespaceObject = require("./plugins/ValidateTokensPlugin.cjs");
 const ValueSyncPlugin_cjs_namespaceObject = require("./plugins/ValueSyncPlugin.cjs");
@@ -317,6 +318,7 @@ const EditorInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
             richText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LexicalListPlugin_namespaceObject.ListPlugin, {}),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ShortcutContainmentPlugin_cjs_namespaceObject.ShortcutContainmentPlugin, {}),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LexicalMarkdownShortcutPlugin_namespaceObject.MarkdownShortcutPlugin, {
                         transformers: rich_serialization_cjs_namespaceObject.PROMPT_EDITOR_RICH_TRANSFORMERS
                     })

package/dist/components/ui/prompt-editor/prompt-editor.js

@@ -21,6 +21,7 @@ import { EditorRefPlugin } from "./plugins/EditorRefPlugin.js";
 import { MultilinePlugin } from "./plugins/MultilinePlugin.js";
 import { NodeSelectionFixPlugin } from "./plugins/NodeSelectionFixPlugin.js";
 import { RenameTokensPlugin } from "./plugins/RenameTokensPlugin.js";
+import { ShortcutContainmentPlugin } from "./plugins/ShortcutContainmentPlugin.js";
 import { ToolbarActionsPlugin } from "./plugins/ToolbarActionsPlugin.js";
 import { ValidateTokensPlugin } from "./plugins/ValidateTokensPlugin.js";
 import { ValueSyncPlugin } from "./plugins/ValueSyncPlugin.js";
@@ -289,6 +290,7 @@ const EditorInner = /*#__PURE__*/ forwardRef(({ initialValue, value, onChange, a
             richText && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(ListPlugin, {}),
+                    /*#__PURE__*/ jsx(ShortcutContainmentPlugin, {}),
                     /*#__PURE__*/ jsx(MarkdownShortcutPlugin, {
                         transformers: PROMPT_EDITOR_RICH_TRANSFORMERS
                     })

package/dist/components/ui/tabs.cjs

@@ -173,7 +173,7 @@ ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
         ref: ref,
         "data-slot": "tabs-trigger",
-        className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-(--tabs-active-shadow)', className),
         ...props
     }));
 TabsTrigger.displayName = react_tabs_namespaceObject.Trigger.displayName;

package/dist/components/ui/tabs.js

@@ -141,7 +141,7 @@ ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
         ref: ref,
         "data-slot": "tabs-trigger",
-        className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-(--tabs-active-shadow)', className),
         ...props
     }));
 TabsTrigger.displayName = Trigger.displayName;

package/dist/styles.css

@@ -5873,6 +5873,12 @@
       color: var(--foreground);
     }
   }
+  .data-\[state\=active\]\:shadow-\(--tabs-active-shadow\) {
+    &[data-state="active"] {
+      --tw-shadow: var(--tabs-active-shadow);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .data-\[state\=active\]\:shadow-none {
     &[data-state="active"] {
       --tw-shadow: 0 0 #0000;
@@ -10032,6 +10038,7 @@ html[dir='rtl'], [data-sonner-toaster][dir='rtl'] {
 }
 :root {
   --radius: 0.75rem;
+  --tabs-active-shadow: 0 0 #0000;
 }
 body.light, .light:not(.react-flow), body.light-hc, .light-hc, body.dark, .dark:not(.react-flow), body.dark-hc, .dark-hc, body.future-dark, .future-dark, body.future-light, .future-light {
   --surface: var(--color-background);
@@ -10112,10 +10119,12 @@ body.light, .light:not(.react-flow), body.light-hc, .light-hc, body.dark, .dark:
   --destructive-foreground: var(--foreground-on-accent);
   --border-de-emp: var(--border-subtle);
   --input: var(--border-subtle);
+  --tabs-active-shadow: 0 0 0 1px var(--input);
 }
 body.light, .light:not(.react-flow), body.light-hc, .light-hc {
   --surface-muted: var(--color-background-gray);
   --warning: var(--color-warning-text);
+  --muted: var(--surface-overlay);
   color-scheme: light;
 }
 body.dark, .dark:not(.react-flow), body.dark-hc, .dark-hc {
@@ -10135,6 +10144,7 @@ body.future-dark, .future-dark, body.future-light, .future-light {
   --destructive: var(--color-red-500);
   --destructive-foreground: var(--color-zinc-50);
   --input: var(--ap-wind-border);
+  --tabs-active-shadow: 0 0 #0000;
   --font-sans: Inter, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC",
     "Noto Sans TC", system-ui, sans-serif;
   --font-normal: var(--font-sans);

package/dist/tailwind.css

@@ -19,6 +19,11 @@
 :root {
   --radius: 0.75rem;
   /* 12px — base border-radius for buttons and UI elements */
+
+  /* Active pill-tab edge. Themes override this below; the default is a no-op
+     shadow so the box-shadow stack (focus ring included) stays valid when no
+     theme class is present. */
+  --tabs-active-shadow: 0 0 #0000;
 }
 
 /* Variant active when the component is inside a Future Dark or Light theme */
@@ -154,6 +159,11 @@ body.future-light, .future-light {
   --destructive-foreground: var(--foreground-on-accent);
   --border-de-emp: var(--border-subtle);
   --input: var(--border-subtle);
+
+  /* Classic themes mark the active pill tab with a 1px hairline in the same
+     color as input and panel borders, drawn in the shadow slot so consumer
+     shadow overrides keep working. The Future family clears it below. */
+  --tabs-active-shadow: 0 0 0 1px var(--input);
 }
 
 /* ── Classic light family — mapping divergences + element-scoped color-scheme ── */
@@ -161,6 +171,10 @@ body.light, .light:not(.react-flow),
 body.light-hc, .light-hc {
   --surface-muted: var(--color-background-gray);
   --warning: var(--color-warning-text);
+  /* Classic light's raised surface is the same white as the page, so the
+     shared --muted mapping renders with no contrast (e.g. Tabs track).
+     Use the overlay surface instead, matching the Future family mapping. */
+  --muted: var(--surface-overlay);
   color-scheme: light;
 }
 
@@ -199,6 +213,8 @@ body.future-light, .future-light {
   --destructive: var(--color-red-500);
   --destructive-foreground: var(--color-zinc-50);
   --input: var(--ap-wind-border);
+  /* Future is flat: the active pill is distinguished by surface alone, no edge or shadow */
+  --tabs-active-shadow: 0 0 #0000;
 
   /* Typography: Inter, shipped by apollo-core. Neither Inter nor noto-sans
      covers CJK, so the four bundled Noto CJK families are chained explicitly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.52.1",
+  "version": "2.52.3",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",