@uipath/apollo-wind 2.82.0 → 2.84.0

package/dist/components/icons/Lock.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    Lock: ()=>Lock,
+    default: ()=>icons_Lock
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const Lock = /*#__PURE__*/ external_react_default().forwardRef(({ size, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ref: ref,
+        ...props,
+        width: size ?? 24,
+        height: size ?? 24,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M17 8.5H18C19.1 8.5 20 9.4 20 10.5V20.5C20 21.6 19.1 22.5 18 22.5H6C4.9 22.5 4 21.6 4 20.5V10.5C4 9.4 4.9 8.5 6 8.5H7V6.5C7 3.74 9.24 1.5 12 1.5C14.76 1.5 17 3.74 17 6.5V8.5ZM12 3.5C10.34 3.5 9 4.84 9 6.5V8.5H15V6.5C15 4.84 13.66 3.5 12 3.5ZM6 20.5V10.5H18V20.5H6ZM14 15.5C14 16.6 13.1 17.5 12 17.5C10.9 17.5 10 16.6 10 15.5C10 14.4 10.9 13.5 12 13.5C13.1 13.5 14 14.4 14 15.5Z",
+            fill: "currentColor"
+        })
+    }));
+Lock.displayName = 'Lock';
+const icons_Lock = Lock;
+exports.Lock = __webpack_exports__.Lock;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Lock",
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/icons/Lock.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface LockProps extends Omit<React.SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    /**
+     * Size to apply to both width and height.
+     * @default 24
+     */
+    size?: string | number;
+}
+export declare const Lock: React.ForwardRefExoticComponent<Omit<LockProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default Lock;

package/dist/components/icons/Lock.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import react from "react";
+const Lock = /*#__PURE__*/ react.forwardRef(({ size, ...props }, ref)=>/*#__PURE__*/ jsx("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ref: ref,
+        ...props,
+        width: size ?? 24,
+        height: size ?? 24,
+        children: /*#__PURE__*/ jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M17 8.5H18C19.1 8.5 20 9.4 20 10.5V20.5C20 21.6 19.1 22.5 18 22.5H6C4.9 22.5 4 21.6 4 20.5V10.5C4 9.4 4.9 8.5 6 8.5H7V6.5C7 3.74 9.24 1.5 12 1.5C14.76 1.5 17 3.74 17 6.5V8.5ZM12 3.5C10.34 3.5 9 4.84 9 6.5V8.5H15V6.5C15 4.84 13.66 3.5 12 3.5ZM6 20.5V10.5H18V20.5H6ZM14 15.5C14 16.6 13.1 17.5 12 17.5C10.9 17.5 10 16.6 10 15.5C10 14.4 10.9 13.5 12 13.5C13.1 13.5 14 14.4 14 15.5Z",
+            fill: "currentColor"
+        })
+    }));
+Lock.displayName = 'Lock';
+const icons_Lock = Lock;
+export { Lock, icons_Lock as default };

package/dist/components/icons/Unlock.cjs

@@ -0,0 +1,65 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    Unlock: ()=>Unlock,
+    default: ()=>icons_Unlock
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const Unlock = /*#__PURE__*/ external_react_default().forwardRef(({ size, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ref: ref,
+        ...props,
+        width: size ?? 24,
+        height: size ?? 24,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            d: "M6 21H18V11H6V21ZM12 18C12.55 18 13.0208 17.8042 13.4125 17.4125C13.8042 17.0208 14 16.55 14 16C14 15.45 13.8042 14.9792 13.4125 14.5875C13.0208 14.1958 12.55 14 12 14C11.45 14 10.9792 14.1958 10.5875 14.5875C10.1958 14.9792 10 15.45 10 16C10 16.55 10.1958 17.0208 10.5875 17.4125C10.9792 17.8042 11.45 18 12 18ZM6 23C5.45 23 4.97917 22.8042 4.5875 22.4125C4.19583 22.0208 4 21.55 4 21V11C4 10.45 4.19583 9.97917 4.5875 9.5875C4.97917 9.19583 5.45 9 6 9H13V7C13 5.61667 13.4875 4.4375 14.4625 3.4625C15.4375 2.4875 16.6167 2 18 2C19.3833 2 20.5625 2.4875 21.5375 3.4625C22.5125 4.4375 23 5.61667 23 7H21C21 6.16667 20.7083 5.45833 20.125 4.875C19.5417 4.29167 18.8333 4 18 4C17.1667 4 16.4583 4.29167 15.875 4.875C15.2917 5.45833 15 6.16667 15 7V9H18C18.55 9 19.0208 9.19583 19.4125 9.5875C19.8042 9.97917 20 10.45 20 11V21C20 21.55 19.8042 22.0208 19.4125 22.4125C19.0208 22.8042 18.55 23 18 23H6Z",
+            fill: "currentColor"
+        })
+    }));
+Unlock.displayName = 'Unlock';
+const icons_Unlock = Unlock;
+exports.Unlock = __webpack_exports__.Unlock;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Unlock",
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/icons/Unlock.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface UnlockProps extends Omit<React.SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    /**
+     * Size to apply to both width and height.
+     * @default 24
+     */
+    size?: string | number;
+}
+export declare const Unlock: React.ForwardRefExoticComponent<Omit<UnlockProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default Unlock;

package/dist/components/icons/Unlock.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import react from "react";
+const Unlock = /*#__PURE__*/ react.forwardRef(({ size, ...props }, ref)=>/*#__PURE__*/ jsx("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ref: ref,
+        ...props,
+        width: size ?? 24,
+        height: size ?? 24,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6 21H18V11H6V21ZM12 18C12.55 18 13.0208 17.8042 13.4125 17.4125C13.8042 17.0208 14 16.55 14 16C14 15.45 13.8042 14.9792 13.4125 14.5875C13.0208 14.1958 12.55 14 12 14C11.45 14 10.9792 14.1958 10.5875 14.5875C10.1958 14.9792 10 15.45 10 16C10 16.55 10.1958 17.0208 10.5875 17.4125C10.9792 17.8042 11.45 18 12 18ZM6 23C5.45 23 4.97917 22.8042 4.5875 22.4125C4.19583 22.0208 4 21.55 4 21V11C4 10.45 4.19583 9.97917 4.5875 9.5875C4.97917 9.19583 5.45 9 6 9H13V7C13 5.61667 13.4875 4.4375 14.4625 3.4625C15.4375 2.4875 16.6167 2 18 2C19.3833 2 20.5625 2.4875 21.5375 3.4625C22.5125 4.4375 23 5.61667 23 7H21C21 6.16667 20.7083 5.45833 20.125 4.875C19.5417 4.29167 18.8333 4 18 4C17.1667 4 16.4583 4.29167 15.875 4.875C15.2917 5.45833 15 6.16667 15 7V9H18C18.55 9 19.0208 9.19583 19.4125 9.5875C19.8042 9.97917 20 10.45 20 11V21C20 21.55 19.8042 22.0208 19.4125 22.4125C19.0208 22.8042 18.55 23 18 23H6Z",
+            fill: "currentColor"
+        })
+    }));
+Unlock.displayName = 'Unlock';
+const icons_Unlock = Unlock;
+export { Unlock, icons_Unlock as default };

package/dist/components/ui/index.cjs

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -51,13 +51,13 @@ var __webpack_modules__ = {
     "./chat-hero" (module) {
         module.exports = require("./chat-hero.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./citation" (module) {
         module.exports = require("./citation.cjs");
     },
-    "@/components/ui/code-block" (module) {
+    "./code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
     "./collapsible" (module) {
@@ -69,7 +69,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) {
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./disclosure-tree" (module) {
@@ -129,7 +129,7 @@ var __webpack_modules__ = {
     "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "./json-tree-view" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
     "./label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -180,7 +180,7 @@ var __webpack_modules__ = {
     "./panel-tabs" (module) {
         module.exports = require("./panel-tabs.cjs");
     },
-    "./popover" (module) {
+    "@/components/ui/popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "@/components/ui/portal-container" (module) {
@@ -207,7 +207,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "./reference-chip" (module) {
+    "@/components/ui/reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -255,7 +255,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -270,7 +270,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -282,7 +282,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -398,7 +398,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_6 = __webpack_require__("./badge");
+    var _badge__rspack_import_6 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_6)if ([
         "getReferenceChipColors",
@@ -508,7 +508,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chat_hero__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_17 = __webpack_require__("./checkbox");
+    var _checkbox__rspack_import_17 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_17)if ([
         "getReferenceChipColors",
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_citation__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _code_block__rspack_import_19 = __webpack_require__("@/components/ui/code-block");
+    var _code_block__rspack_import_19 = __webpack_require__("./code-block");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _code_block__rspack_import_19)if ([
         "getReferenceChipColors",
@@ -568,7 +568,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_23 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_23 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
         "getReferenceChipColors",
@@ -608,7 +608,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)if ([
         "getReferenceChipColors",
@@ -758,7 +758,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_41[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_42 = __webpack_require__("./input");
+    var _input__rspack_import_42 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_42)if ([
         "getReferenceChipColors",
@@ -798,7 +798,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_45[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_46 = __webpack_require__("./layout");
+    var _layout__rspack_import_46 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_46)if ([
         "getReferenceChipColors",
@@ -938,7 +938,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_panel_tabs__rspack_import_59[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_60 = __webpack_require__("./popover");
+    var _popover__rspack_import_60 = __webpack_require__("@/components/ui/popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_60)if ([
         "getReferenceChipColors",
@@ -1018,7 +1018,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_67[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_68 = __webpack_require__("./reference-chip");
+    var _reference_chip__rspack_import_68 = __webpack_require__("@/components/ui/reference-chip");
     var _reference_chip_colors__rspack_import_69 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_70 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1170,7 +1170,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_85 = __webpack_require__("./table");
+    var _table__rspack_import_85 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_85)if ([
         "getReferenceChipColors",
@@ -1210,7 +1210,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_thinking_indicator__rspack_import_88[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_89 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_89 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_89)if ([
         "getReferenceChipColors",
@@ -1252,7 +1252,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_93 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_93_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_93);
-    var _variable_picker__rspack_import_94 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_94 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_94)if ([
         "getReferenceChipColors",

package/dist/components/ui/quick-form-field/components/lock-toggle-button.cjs

@@ -27,7 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     LockToggleButton: ()=>LockToggleButton
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_lucide_react_namespaceObject = require("lucide-react");
+const Lock_cjs_namespaceObject = require("../../../icons/Lock.cjs");
+const Unlock_cjs_namespaceObject = require("../../../icons/Unlock.cjs");
 const field_addon_button_cjs_namespaceObject = require("../../field-addons/field-addon-button.cjs");
 const external_input_group_cjs_namespaceObject = require("../../input-group.cjs");
 const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
@@ -45,11 +46,7 @@ function LockToggleButton({ locked, onLockedChange, disabled, strings }) {
                         disabled: !interactive,
                         onClick: ()=>onLockedChange?.(!locked),
                         "aria-label": interactive ? locked ? strings.lockedHint : strings.unlockedHint : locked ? strings.lockedLabel : strings.unlockedLabel,
-                        children: locked ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LockKeyhole, {
-                            size: 16
-                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LockKeyholeOpen, {
-                            size: 16
-                        })
+                        children: locked ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Lock_cjs_namespaceObject.Lock, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Unlock_cjs_namespaceObject.Unlock, {})
                     })
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {

package/dist/components/ui/quick-form-field/components/lock-toggle-button.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { LockKeyhole, LockKeyholeOpen } from "lucide-react";
+import { Lock } from "../../../icons/Lock.js";
+import { Unlock } from "../../../icons/Unlock.js";
 import { FIELD_ADDON_BUTTON_CLASS } from "../../field-addons/field-addon-button.js";
 import { InputGroupButton } from "../../input-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
@@ -17,11 +18,7 @@ function LockToggleButton({ locked, onLockedChange, disabled, strings }) {
                         disabled: !interactive,
                         onClick: ()=>onLockedChange?.(!locked),
                         "aria-label": interactive ? locked ? strings.lockedHint : strings.unlockedHint : locked ? strings.lockedLabel : strings.unlockedLabel,
-                        children: locked ? /*#__PURE__*/ jsx(LockKeyhole, {
-                            size: 16
-                        }) : /*#__PURE__*/ jsx(LockKeyholeOpen, {
-                            size: 16
-                        })
+                        children: locked ? /*#__PURE__*/ jsx(Lock, {}) : /*#__PURE__*/ jsx(Unlock, {})
                     })
                 }),
                 /*#__PURE__*/ jsx(TooltipContent, {

package/dist/styles.css

@@ -13923,19 +13923,21 @@ body.canvas, .canvas {
 .future-dark, .dark, .dark-hc {
   scrollbar-width: thin;
   scrollbar-color: var(--color-border) transparent;
-  & *::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  & *::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  & *::-webkit-scrollbar-thumb {
-    background-color: var(--color-border);
-    border-radius: 9999px;
-  }
-  & *::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-border-hover);
+  @supports not (scrollbar-color: auto) {
+    & *::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+    & *::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    & *::-webkit-scrollbar-thumb {
+      background-color: var(--color-border);
+      border-radius: 9999px;
+    }
+    & *::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-border-hover);
+    }
   }
 }
 .mat-typography :is( [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="alert-dialog-content"], [data-slot="drawer-content"] ) :where(p) {

package/dist/tailwind.css

@@ -897,32 +897,42 @@ body.canvas, .canvas {
  * Dark themes: future-dark + dark-hc are applied to <html>;
  * dark + dark-hc are applied to <body>. Both cases are covered by the
  * class selectors below since * matches all descendants.
+ *
+ * The standard properties inherit, so they cost nothing per element. The
+ * WebKit pseudo-element rules do not: `.dark *::-webkit-scrollbar` makes
+ * Chrome walk every element's ancestors for the theme class on every style
+ * recalc (about 7 ms per copy of this block in Studio Web, MST-17369).
+ * Browsers that implement `scrollbar-color` ignore `::-webkit-scrollbar`
+ * once it is set (Chrome 121+, Safari 26.2+), so the WebKit rules only
+ * exist where the standard properties are missing.
  * ============================================================================ */
 
 .future-dark,
 .dark,
 .dark-hc {
-  /* Firefox — inherits down the tree */
+  /* Firefox, Chrome 121+, Safari 26.2+ — inherits down the tree */
   scrollbar-width: thin;
   scrollbar-color: var(--color-border) transparent;
 
-  /* WebKit — pseudo-elements don't inherit, must target descendants */
-  & *::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  & *::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  & *::-webkit-scrollbar-thumb {
-    background-color: var(--color-border);
-    border-radius: 9999px;
-  }
-
-  & *::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-border-hover);
+  /* Older WebKit — pseudo-elements don't inherit, must target descendants */
+  @supports not (scrollbar-color: auto) {
+    & *::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+    & *::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    & *::-webkit-scrollbar-thumb {
+      background-color: var(--color-border);
+      border-radius: 9999px;
+    }
+
+    & *::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-border-hover);
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.82.0",
+  "version": "2.84.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,6 +51,11 @@
       "import": "./dist/postcss.config.export.js",
       "require": "./dist/postcss.config.export.cjs"
     },
+    "./postcss-scope-preflight": {
+      "types": "./postcss-scope-preflight.d.ts",
+      "import": "./postcss-scope-preflight.js",
+      "default": "./postcss-scope-preflight.js"
+    },
     "./editor-themes": {
       "import": "./dist/editor-themes/index.js",
       "require": "./dist/editor-themes/index.cjs",
@@ -59,7 +64,9 @@
   },
   "files": [
     "dist",
-    "postcss.config.export.js"
+    "postcss.config.export.js",
+    "postcss-scope-preflight.js",
+    "postcss-scope-preflight.d.ts"
   ],
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -176,7 +183,8 @@
     "semantic-release": "^25.0.3",
     "storybook": "^10.6.2",
     "typescript": "^5.9.3",
-    "vitest": "^4.1.12"
+    "vitest": "^4.1.12",
+    "@uipath/apollo-ui-icons-react": "0.0.0"
   },
   "keywords": [
     "react",
@@ -211,6 +219,7 @@
     "format:check": "biome format .",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "sync:icons": "tsx scripts/icons-sync.ts"
   }
 }

package/postcss-scope-preflight.d.ts

@@ -0,0 +1,23 @@
+import type { Plugin, PluginCreator } from 'postcss';
+
+export interface ScopePreflightOptions {
+  /**
+   * Selectors for the elements that own the consumer's DOM: web-component tags, portal markers,
+   * `[data-slot]`. Preflight applies to these elements and their descendants.
+   */
+  roots: string[];
+  /**
+   * Preflight's `html, :host` rule sets the page font from `--font-sans`, a `:root` variable every
+   * consumer in a shared document redefines. By default the font declarations stay on the outermost
+   * root. Pass the selector of the element the consumer renders when it owns the whole document to
+   * apply them there only, so embedded roots inherit the host's font; pass `false` to drop them.
+   */
+  documentRoot?: string | false;
+}
+
+/** Inserts `:where(:scope)` into the subject of a selector, ahead of any pseudo-element. */
+export function scopeSelector(selector: string): string;
+
+declare const scopePreflight: PluginCreator<ScopePreflightOptions> &
+  ((options: ScopePreflightOptions) => Plugin);
+export default scopePreflight;

package/postcss-scope-preflight.js

@@ -0,0 +1,218 @@
+/**
+ * PostCSS plugin: confine Tailwind's Preflight reset to the DOM a consumer renders.
+ *
+ * A micro-frontend's CSS lands in its host's document. Preflight is written for a page you own:
+ * left global it restyles the host's markup, and its `[hidden] { display: none !important }` beats
+ * the host's own unlayered `display` rules. This plugin wraps the Preflight rules, and the bare `*`
+ * resets apollo-wind adds to `@layer base`, in `@scope (roots) { … }`, so they match only inside the
+ * consumer's own root elements.
+ *
+ * `@scope` is the cheap way to do this. The older `X:where(R1, …, Rn, R1 *, …, Rn *)` wrapper makes
+ * Chrome walk every element's ancestor chain once per root for every universal Preflight rule, which
+ * showed up as 100+ ms style recalcs in Studio Web (MST-17369). Inside `@scope`, a bare selector
+ * matches descendants of the root only, so each rule also gets an `X:where(:scope)` copy for the root
+ * itself. `:where()` keeps Preflight at zero specificity, as upstream.
+ *
+ * Runs after Tailwind. Preflight is found by shape, not source file: Tailwind's production optimise
+ * pass re-parses its output, so every rule reports the entry file as its source. The run starts at
+ * the `::backdrop` box-sizing rule and ends at `[hidden]:where(:not([hidden=until-found]))`; if a
+ * Tailwind update moves the end, the plugin throws rather than scope the rest of the base layer. If
+ * the start moves, nothing is scoped: the test against real Tailwind output in `src/styles` is what
+ * catches that, so keep it when bumping Tailwind.
+ *
+ * Two cascade details for consumers:
+ *
+ * - Scoping proximity ranks below specificity but above source order. A scoped Preflight
+ *   declaration therefore beats an unscoped one of equal specificity in the same layer, whatever
+ *   the order, which the old wrapper did not. Override Preflight from an unlayered rule or with
+ *   higher specificity, not from a later rule in `@layer base`.
+ * - Safari 26.0 to 26.3 do not apply `@scope` rules to elements with a UA shadow root (`input`,
+ *   `textarea`; WebKit 305369, fixed in 26.4). Form controls render with UA styles there. Those
+ *   versions are outside UiPath's support matrix (Safari: latest version only), and `@supports`
+ *   cannot detect the bug, so there is no workaround.
+ *
+ * Usage, in a consumer's postcss config:
+ *
+ *   import apolloWind from '@uipath/apollo-wind/postcss';
+ *   import scopePreflight from '@uipath/apollo-wind/postcss-scope-preflight';
+ *   export default { plugins: [...apolloWind.plugins, scopePreflight({ roots: ['my-canvas', '[data-my-portal]'] })] };
+ *
+ * Anything the consumer portals onto `document.body` must carry one of the roots, or it renders
+ * without Preflight. apollo-wind stamps `data-slot` on its components, including what it portals, so
+ * `[data-slot]` is a sensible root for apollo-wind consumers.
+ */
+
+/**
+ * @typedef {object} ScopePreflightOptions
+ * @property {string[]} roots
+ *   Selectors for the elements that own the consumer's DOM: web-component tags, portal markers,
+ *   `[data-slot]`. Preflight applies to these elements and their descendants.
+ * @property {string | false} [documentRoot]
+ *   Preflight's `html, :host` rule sets the page font from `--font-sans`, a `:root` variable every
+ *   consumer in a shared document redefines. By default the font declarations stay on the outermost
+ *   root. Pass the selector of the element the consumer renders when it owns the whole document to
+ *   apply them there only, so embedded roots inherit the host's font; pass `false` to drop them.
+ */
+
+/** Preflight's first rule: the `*, ::before, ::after, ::backdrop` box-sizing reset. */
+const isPreflightStart = (/** @type {import('postcss').Rule} */ rule) =>
+  rule.selectors.some((s) => s.trim() === '::backdrop') &&
+  rule.some((d) => d.type === 'decl' && d.prop === 'box-sizing');
+
+/** Preflight's last rule. */
+const isPreflightEnd = (/** @type {import('postcss').Rule} */ rule) =>
+  /^\[hidden\]:where\(:not\(\[hidden=["']?until-found["']?\]\)\)$/.test(rule.selector.trim());
+
+/** @param {string} selector */
+const isDocumentRoot = (selector) => selector === 'html' || selector === ':host';
+
+/** The inherited typography `html, :host` sets; on an embedded root these follow the host instead. */
+const DOCUMENT_FONT_PROPS = new Set([
+  'font-family',
+  'font-feature-settings',
+  'font-variation-settings',
+]);
+
+// Tailwind's production pass prints `::before`/`::after` in their single-colon form; a pseudo-class
+// after one is invalid, and the minifier empties it to `:where()`.
+const LEGACY_PSEUDO_ELEMENT = /^:(before|after|first-line|first-letter)(?![\w-])/;
+
+/**
+ * Inserts `:where(:scope)` into the subject (last compound) of a selector, ahead of any pseudo-element.
+ * @param {string} selector
+ */
+export function scopeSelector(selector) {
+  const s = selector.trim();
+  let depth = 0;
+  let subjectStart = 0;
+  for (let i = 0; i < s.length; i++) {
+    const c = s[i];
+    if (c === '(' || c === '[') depth++;
+    else if (c === ')' || c === ']') depth--;
+    else if (depth === 0 && (c === ' ' || c === '>' || c === '+' || c === '~'))
+      subjectStart = i + 1;
+  }
+  depth = 0;
+  for (let i = subjectStart; i < s.length; i++) {
+    const c = s[i];
+    if (c === '(' || c === '[') depth++;
+    else if (c === ')' || c === ']') depth--;
+    else if (
+      depth === 0 &&
+      c === ':' &&
+      (s[i + 1] === ':' || LEGACY_PSEUDO_ELEMENT.test(s.slice(i)))
+    )
+      return `${s.slice(0, i)}:where(:scope)${s.slice(i)}`;
+  }
+  return `${s}:where(:scope)`;
+}
+
+/**
+ * @param {ScopePreflightOptions} options
+ * @returns {import('postcss').Plugin}
+ */
+const scopePreflight = (options) => {
+  const roots = options?.roots?.map((r) => r.trim()).filter(Boolean) ?? [];
+  if (roots.length === 0)
+    throw new Error('scope-preflight: `roots` must list at least one selector');
+  const { documentRoot } = options;
+
+  const ROOTS = roots.join(', ');
+  // The outermost root only: `html, :host` sets inherited typography, and on every nested root it
+  // would override what the component's parent chose. Flat lists, no `:is()`: minifiers lower `:is()`
+  // into `:-webkit-any()`/`:-moz-any()` copies.
+  const SCOPE_TOP = `:where(${ROOTS}):where(:not(${roots.map((r) => `${r} *`).join(', ')}))`;
+
+  /**
+   * Rewrites one rule for use inside the `@scope` block: a `:where(:scope)` copy for the root, the
+   * bare selector for its descendants.
+   * @param {import('postcss').Rule} rule
+   */
+  const scopeRule = (rule) => {
+    const selectors = rule.selectors.map((s) => s.trim());
+    rule.selectors = [...selectors.map(scopeSelector), ...selectors];
+  };
+
+  /**
+   * `html, :host` becomes a rule on the outermost root, outside the block. Its font declarations move
+   * to `documentRoot`, or are dropped, when the consumer asked for that.
+   * @param {import('postcss').Rule} rule
+   * @param {import('postcss').Helpers} helpers
+   */
+  const scopeDocumentRule = (rule, { Rule }) => {
+    if (documentRoot !== undefined) {
+      const fontDecls = rule.nodes.filter(
+        (n) => n.type === 'decl' && DOCUMENT_FONT_PROPS.has(n.prop)
+      );
+      for (const decl of fontDecls) decl.remove();
+      if (documentRoot && fontDecls.length) {
+        rule.after(
+          new Rule({ selector: `:where(${documentRoot})`, nodes: fontDecls.map((d) => d.clone()) })
+        );
+      }
+    }
+    rule.selector = SCOPE_TOP;
+    if (rule.nodes.length === 0) rule.remove();
+  };
+
+  return {
+    postcssPlugin: 'scope-preflight',
+    OnceExit(root, helpers) {
+      const { AtRule } = helpers;
+      root.walkAtRules('layer', (layer) => {
+        if (layer.params !== 'base') return;
+        // Collect the nodes to scope first, so the walk is not disturbed by the rewrite.
+        /** @type {import('postcss').ChildNode[]} */
+        const toScope = [];
+        let inPreflight = false;
+        for (const node of layer.nodes ?? []) {
+          if (node.type === 'atrule') {
+            if (inPreflight) toScope.push(node);
+            continue;
+          }
+          if (node.type !== 'rule') continue;
+          if (isPreflightStart(node)) inPreflight = true;
+          if (inPreflight) {
+            toScope.push(node);
+            if (isPreflightEnd(node)) inPreflight = false;
+          } else if (node.selector.trim() === '*') {
+            // A bare `*` in the base layer (apollo-wind's `border-color`) is the same kind of page-wide reset.
+            toScope.push(node);
+          }
+        }
+        if (inPreflight) {
+          // Scoping on to the end of the layer would also wrap the consumer's own base rules
+          // (`body { … }` matches nothing inside a root), with no build error. Fail instead.
+          throw layer.error(
+            'scope-preflight: found the start of Preflight but not its last rule, `[hidden]:where(:not([hidden=until-found]))`. Tailwind may have changed Preflight; update isPreflightEnd.',
+            { plugin: 'scope-preflight' }
+          );
+        }
+
+        // One `@scope` block per run of consecutive nodes. Chrome resolves scope activations per
+        // block, so hundreds of single-rule blocks cost measurably more than a handful.
+        /** @type {import('postcss').AtRule | null} */
+        let block = null;
+        for (const node of toScope) {
+          if (!block || node.prev() !== block) {
+            block = new AtRule({ name: 'scope', params: `(${ROOTS})` });
+            node.before(block);
+          }
+          if (node.type === 'rule' && node.selectors.map((s) => s.trim()).every(isDocumentRoot)) {
+            // Stays outside the block, ahead of it, so its position in the cascade does not change.
+            block.before(node);
+            scopeDocumentRule(node, helpers);
+            // The next node is still adjacent to the block.
+            continue;
+          }
+          if (node.type === 'rule') scopeRule(node);
+          else node.walkRules(scopeRule);
+          block.append(node);
+        }
+      });
+    },
+  };
+};
+scopePreflight.postcss = true;
+
+export default scopePreflight;