@uipath/apollo-wind 2.79.1 → 2.79.2

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

@@ -587,9 +587,10 @@ const metadata_form_FormSection = /*#__PURE__*/ external_react_default().memo(fu
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: isPlain ? dividerClassName : wrapperClassName,
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                "data-slot": "form-section-header",
                 className: "flex",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: isPlain ? `flex flex-1 items-center justify-start gap-2 pb-4 text-sm font-semibold ${plainTopClassName}` : 'flex flex-1 items-center justify-between py-4 text-sm font-medium',
                     children: section.title
                 })

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

@@ -548,9 +548,10 @@ const metadata_form_FormSection = /*#__PURE__*/ react.memo(function({ section, c
     return /*#__PURE__*/ jsxs("div", {
         className: isPlain ? dividerClassName : wrapperClassName,
         children: [
-            /*#__PURE__*/ jsx("div", {
+            /*#__PURE__*/ jsx("h3", {
+                "data-slot": "form-section-header",
                 className: "flex",
-                children: /*#__PURE__*/ jsx("div", {
+                children: /*#__PURE__*/ jsx("span", {
                     className: isPlain ? `flex flex-1 items-center justify-start gap-2 pb-4 text-sm font-semibold ${plainTopClassName}` : 'flex flex-1 items-center justify-between py-4 text-sm font-medium',
                     children: section.title
                 })

package/dist/components/ui/field-actions/ai-assist-action.cjs

@@ -35,6 +35,7 @@ const external_label_cjs_namespaceObject = require("../label.cjs");
 const external_popover_cjs_namespaceObject = require("../popover.cjs");
 const external_textarea_cjs_namespaceObject = require("../textarea.cjs");
 const external_tooltip_cjs_namespaceObject = require("../tooltip.cjs");
+const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
 const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
     trigger: 'AI assist',
     tooltip: 'Generate with AI',
@@ -84,14 +85,15 @@ function AiAssistAction({ onGenerate, hint, renderContent, disabled, strings })
                         asChild: true,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
                             asChild: true,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                 type: "button",
+                                variant: "ghost",
+                                size: "3xs",
+                                icon: true,
                                 "aria-label": text.trigger,
                                 disabled: disabled,
-                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
-                                    size: 12
-                                })
+                                className: external_collapse_cjs_namespaceObject.FIELD_ACTION_CLASS,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {})
                             })
                         })
                     }),

package/dist/components/ui/field-actions/ai-assist-action.js

@@ -6,6 +6,7 @@ import { Label } from "../label.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
 import { Textarea } from "../textarea.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip.js";
+import { FIELD_ACTION_CLASS } from "./collapse.js";
 const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
     trigger: 'AI assist',
     tooltip: 'Generate with AI',
@@ -55,14 +56,15 @@ function AiAssistAction({ onGenerate, hint, renderContent, disabled, strings })
                         asChild: true,
                         children: /*#__PURE__*/ jsx(PopoverTrigger, {
                             asChild: true,
-                            children: /*#__PURE__*/ jsx("button", {
+                            children: /*#__PURE__*/ jsx(Button, {
                                 type: "button",
+                                variant: "ghost",
+                                size: "3xs",
+                                icon: true,
                                 "aria-label": text.trigger,
                                 disabled: disabled,
-                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-                                children: /*#__PURE__*/ jsx(Sparkles, {
-                                    size: 12
-                                })
+                                className: FIELD_ACTION_CLASS,
+                                children: /*#__PURE__*/ jsx(Sparkles, {})
                             })
                         })
                     }),

package/dist/components/ui/field-actions/collapse.cjs

@@ -25,19 +25,19 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     COLLAPSED_HIDDEN: ()=>COLLAPSED_HIDDEN,
-    COLLAPSED_ICON_PADDING: ()=>COLLAPSED_ICON_PADDING,
-    COLLAPSED_ONLY: ()=>COLLAPSED_ONLY
+    COLLAPSED_ONLY: ()=>COLLAPSED_ONLY,
+    FIELD_ACTION_CLASS: ()=>FIELD_ACTION_CLASS
 });
 const COLLAPSED_HIDDEN = '@max-[259px]:hidden';
-const COLLAPSED_ICON_PADDING = '@max-[259px]:px-1.5';
-const COLLAPSED_ONLY = 'hidden @max-[259px]:block';
+const COLLAPSED_ONLY = 'hidden @max-[259px]:flex';
+const FIELD_ACTION_CLASS = 'text-muted-foreground hover:bg-accent hover:text-foreground [&_svg]:size-3';
 exports.COLLAPSED_HIDDEN = __webpack_exports__.COLLAPSED_HIDDEN;
-exports.COLLAPSED_ICON_PADDING = __webpack_exports__.COLLAPSED_ICON_PADDING;
 exports.COLLAPSED_ONLY = __webpack_exports__.COLLAPSED_ONLY;
+exports.FIELD_ACTION_CLASS = __webpack_exports__.FIELD_ACTION_CLASS;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "COLLAPSED_HIDDEN",
-    "COLLAPSED_ICON_PADDING",
-    "COLLAPSED_ONLY"
+    "COLLAPSED_ONLY",
+    "FIELD_ACTION_CLASS"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/components/ui/field-actions/collapse.d.ts

@@ -1,6 +1,9 @@
 /** Hidden once collapsed, such as an action's text. */
 export declare const COLLAPSED_HIDDEN = "@max-[259px]:hidden";
-/** The tighter padding of an action collapsed to its icon. */
-export declare const COLLAPSED_ICON_PADDING = "@max-[259px]:px-1.5";
 /** Shown only once collapsed. */
-export declare const COLLAPSED_ONLY = "hidden @max-[259px]:block";
+export declare const COLLAPSED_ONLY = "hidden @max-[259px]:flex";
+/**
+ * A header action is a ghost `3xs` Button, the height FormFieldHeader's `min-h-6` row expects, in
+ * the muted tone of the field's other icon buttons. Its icons are 12px.
+ */
+export declare const FIELD_ACTION_CLASS = "text-muted-foreground hover:bg-accent hover:text-foreground [&_svg]:size-3";

package/dist/components/ui/field-actions/collapse.js

@@ -1,4 +1,4 @@
 const COLLAPSED_HIDDEN = '@max-[259px]:hidden';
-const COLLAPSED_ICON_PADDING = '@max-[259px]:px-1.5';
-const COLLAPSED_ONLY = 'hidden @max-[259px]:block';
-export { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING, COLLAPSED_ONLY };
+const COLLAPSED_ONLY = 'hidden @max-[259px]:flex';
+const FIELD_ACTION_CLASS = 'text-muted-foreground hover:bg-accent hover:text-foreground [&_svg]:size-3';
+export { COLLAPSED_HIDDEN, COLLAPSED_ONLY, FIELD_ACTION_CLASS };

package/dist/components/ui/field-actions/insert-variable-action.cjs

@@ -30,6 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("../button.cjs");
 const index_cjs_namespaceObject = require("../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
@@ -64,23 +65,22 @@ function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);
         },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
             type: "button",
+            variant: "ghost",
+            size: "3xs",
             "aria-label": text.ariaLabel,
             title: text.ariaLabel,
             disabled: inert,
-            className: (0, external_lib_index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', external_collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5'),
+            className: (0, external_lib_index_cjs_namespaceObject.cn)('gap-1', external_collapse_cjs_namespaceObject.FIELD_ACTION_CLASS),
             children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
-                    size: 12
-                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {}),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: collapsedTextClass,
                     children: text.label
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                    size: 9,
-                    className: collapsedTextClass
+                    className: (0, external_lib_index_cjs_namespaceObject.cn)('!size-2.5', collapsedTextClass)
                 })
             ]
         })

package/dist/components/ui/field-actions/insert-variable-action.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Braces, ChevronDown } from "lucide-react";
 import { useState } from "react";
+import { Button } from "../button.js";
 import { VariablePicker } from "../variable-picker/index.js";
 import { cn } from "../../../lib/index.js";
-import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING } from "./collapse.js";
+import { COLLAPSED_HIDDEN, FIELD_ACTION_CLASS } from "./collapse.js";
 const NO_VARIABLES = [];
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
@@ -35,23 +36,22 @@ function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);
         },
-        children: /*#__PURE__*/ jsxs("button", {
+        children: /*#__PURE__*/ jsxs(Button, {
             type: "button",
+            variant: "ghost",
+            size: "3xs",
             "aria-label": text.ariaLabel,
             title: text.ariaLabel,
             disabled: inert,
-            className: cn('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', COLLAPSED_ICON_PADDING, compact && '!px-1.5'),
+            className: cn('gap-1', FIELD_ACTION_CLASS),
             children: [
-                /*#__PURE__*/ jsx(Braces, {
-                    size: 12
-                }),
+                /*#__PURE__*/ jsx(Braces, {}),
                 /*#__PURE__*/ jsx("span", {
                     className: collapsedTextClass,
                     children: text.label
                 }),
                 /*#__PURE__*/ jsx(ChevronDown, {
-                    size: 9,
-                    className: collapsedTextClass
+                    className: cn('!size-2.5', collapsedTextClass)
                 })
             ]
         })

package/dist/components/ui/index.cjs

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "@/components/ui/badge" (module) {
+    "./badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -33,13 +33,13 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "./button" (module) {
+    "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
     "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -57,19 +57,19 @@ var __webpack_modules__ = {
     "./citation" (module) {
         module.exports = require("./citation.cjs");
     },
-    "@/components/ui/code-block" (module) {
+    "./code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./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) {
@@ -90,13 +90,13 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "@/components/ui/dropdown-menu" (module) {
+    "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "./dropzone-overlay" (module) {
         module.exports = require("./dropzone-overlay.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -117,25 +117,25 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "@/components/ui/info-tooltip" (module) {
+    "./info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
-    "@/components/ui/input-group" (module) {
+    "./input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
-    "@/components/ui/layout" (module) {
+    "./layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -174,7 +174,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) {
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "@/components/ui/reference-chip" (module) {
+    "./reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -255,7 +255,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -264,7 +264,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -276,7 +276,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "@/components/ui/variable-picker" (module) {
+    "./variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -392,7 +392,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__("@/components/ui/badge");
+    var _badge__rspack_import_6 = __webpack_require__("./badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_6)if ([
         "getReferenceChipColors",
@@ -432,7 +432,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_bubble__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_10 = __webpack_require__("./button");
+    var _button__rspack_import_10 = __webpack_require__("@/components/ui/button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_10)if ([
         "getReferenceChipColors",
@@ -462,7 +462,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_13 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_13 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_13)if ([
         "getReferenceChipColors",
@@ -522,7 +522,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",
@@ -532,7 +532,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_code_block__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_20 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_20 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_20)if ([
         "getReferenceChipColors",
@@ -552,7 +552,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_22 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_22 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_22)if ([
         "getReferenceChipColors",
@@ -562,7 +562,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__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_23 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
         "getReferenceChipColors",
@@ -602,7 +602,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",
@@ -632,7 +632,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_30 = __webpack_require__("@/components/ui/dropdown-menu");
+    var _dropdown_menu__rspack_import_30 = __webpack_require__("./dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_30)if ([
         "getReferenceChipColors",
@@ -652,7 +652,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropzone_overlay__rspack_import_31[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_32 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_32 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_32)if ([
         "getReferenceChipColors",
@@ -722,7 +722,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_39 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_39 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -732,7 +732,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_40 = __webpack_require__("@/components/ui/info-tooltip");
+    var _info_tooltip__rspack_import_40 = __webpack_require__("./info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_40)if ([
         "getReferenceChipColors",
@@ -742,7 +742,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_40[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_41 = __webpack_require__("./input");
+    var _input__rspack_import_41 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_41)if ([
         "getReferenceChipColors",
@@ -752,7 +752,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_41[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input_group__rspack_import_42 = __webpack_require__("@/components/ui/input-group");
+    var _input_group__rspack_import_42 = __webpack_require__("./input-group");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input_group__rspack_import_42)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_44 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -782,7 +782,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_44[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_45 = __webpack_require__("@/components/ui/layout");
+    var _layout__rspack_import_45 = __webpack_require__("./layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_45)if ([
         "getReferenceChipColors",
@@ -912,7 +912,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_panel_tabs__rspack_import_57[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_58 = __webpack_require__("./popover");
+    var _popover__rspack_import_58 = __webpack_require__("@/components/ui/popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_58)if ([
         "getReferenceChipColors",
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
+    var _reference_chip__rspack_import_66 = __webpack_require__("./reference-chip");
     var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_68 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1164,7 +1164,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_85 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_85 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_85)if ([
         "getReferenceChipColors",
@@ -1184,7 +1184,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_thinking_indicator__rspack_import_86[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_87 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_87 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_87)if ([
         "getReferenceChipColors",
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
-    var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
+    var _variable_picker__rspack_import_92 = __webpack_require__("./variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
         "getReferenceChipColors",

package/dist/components/ui/quick-form-field/components/field-header.cjs

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("../../button.cjs");
 const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
 const external_form_field_cjs_namespaceObject = require("../../form-field.cjs");
 const external_popover_cjs_namespaceObject = require("../../popover.cjs");
@@ -68,8 +69,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
     const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
     const typeLabel = strings.typeLabels[fieldType] ?? typeMeta.label;
     const collapsedTextClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
-    const collapsedPaddingClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5');
-    const compactOnlyClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ONLY, compact && '!block');
+    const compactOnlyClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ONLY, compact && '!flex');
     const hasActions = !!onFieldTypeChange || !!onRequiredChange || showFieldActions || null != headerActions;
     if (null != label && !hasActions) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
         children: label
@@ -94,22 +94,21 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                 asChild: true,
                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
                                                     asChild: true,
-                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
                                                         type: "button",
+                                                        variant: "ghost",
+                                                        size: "3xs",
                                                         "aria-label": strings.fieldTypeAriaLabel,
                                                         disabled: disabled,
-                                                        className: (0, index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
+                                                        className: (0, index_cjs_namespaceObject.cn)('gap-1', collapse_cjs_namespaceObject.FIELD_ACTION_CLASS),
                                                         children: [
-                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
-                                                                size: 12
-                                                            }),
+                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {}),
                                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                                                 className: collapsedTextClass,
                                                                 children: typeLabel
                                                             }),
                                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                                                                size: 9,
-                                                                className: collapsedTextClass
+                                                                className: (0, index_cjs_namespaceObject.cn)('!size-2.5', collapsedTextClass)
                                                             })
                                                         ]
                                                     })
@@ -178,14 +177,15 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             asChild: true,
                                                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
                                                                 asChild: true,
-                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                                     type: "button",
+                                                                    variant: "ghost",
+                                                                    size: "3xs",
+                                                                    icon: true,
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
                                                                     disabled: disabled,
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {
-                                                                        size: 12
-                                                                    })
+                                                                    className: collapse_cjs_namespaceObject.FIELD_ACTION_CLASS,
+                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {})
                                                                 })
                                                             })
                                                         }),

package/dist/components/ui/quick-form-field/components/field-header.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Asterisk, ChevronDown } from "lucide-react";
 import { useMemo } from "react";
+import { Button } from "../../button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../dropdown-menu.js";
 import { FormFieldHeader } from "../../form-field.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
@@ -8,7 +9,7 @@ import { Switch } from "../../switch.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
 import { cn } from "../../../../lib/index.js";
 import { AiAssistAction } from "../../field-actions/ai-assist-action.js";
-import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING, COLLAPSED_ONLY } from "../../field-actions/collapse.js";
+import { COLLAPSED_HIDDEN, COLLAPSED_ONLY, FIELD_ACTION_CLASS } from "../../field-actions/collapse.js";
 import { InsertVariableAction } from "../../field-actions/insert-variable-action.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
 function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
@@ -40,8 +41,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
     const typeMeta = FIELD_TYPE_META[fieldType];
     const typeLabel = strings.typeLabels[fieldType] ?? typeMeta.label;
     const collapsedTextClass = cn(COLLAPSED_HIDDEN, compact && '!hidden');
-    const collapsedPaddingClass = cn(COLLAPSED_ICON_PADDING, compact && '!px-1.5');
-    const compactOnlyClass = cn(COLLAPSED_ONLY, compact && '!block');
+    const compactOnlyClass = cn(COLLAPSED_ONLY, compact && '!flex');
     const hasActions = !!onFieldTypeChange || !!onRequiredChange || showFieldActions || null != headerActions;
     if (null != label && !hasActions) return /*#__PURE__*/ jsx(Fragment, {
         children: label
@@ -66,22 +66,21 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                 asChild: true,
                                                 children: /*#__PURE__*/ jsx(DropdownMenuTrigger, {
                                                     asChild: true,
-                                                    children: /*#__PURE__*/ jsxs("button", {
+                                                    children: /*#__PURE__*/ jsxs(Button, {
                                                         type: "button",
+                                                        variant: "ghost",
+                                                        size: "3xs",
                                                         "aria-label": strings.fieldTypeAriaLabel,
                                                         disabled: disabled,
-                                                        className: cn('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
+                                                        className: cn('gap-1', FIELD_ACTION_CLASS),
                                                         children: [
-                                                            /*#__PURE__*/ jsx(typeMeta.icon, {
-                                                                size: 12
-                                                            }),
+                                                            /*#__PURE__*/ jsx(typeMeta.icon, {}),
                                                             /*#__PURE__*/ jsx("span", {
                                                                 className: collapsedTextClass,
                                                                 children: typeLabel
                                                             }),
                                                             /*#__PURE__*/ jsx(ChevronDown, {
-                                                                size: 9,
-                                                                className: collapsedTextClass
+                                                                className: cn('!size-2.5', collapsedTextClass)
                                                             })
                                                         ]
                                                     })
@@ -150,14 +149,15 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             asChild: true,
                                                             children: /*#__PURE__*/ jsx(PopoverTrigger, {
                                                                 asChild: true,
-                                                                children: /*#__PURE__*/ jsx("button", {
+                                                                children: /*#__PURE__*/ jsx(Button, {
                                                                     type: "button",
+                                                                    variant: "ghost",
+                                                                    size: "3xs",
+                                                                    icon: true,
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
                                                                     disabled: disabled,
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-                                                                    children: /*#__PURE__*/ jsx(Asterisk, {
-                                                                        size: 12
-                                                                    })
+                                                                    className: FIELD_ACTION_CLASS,
+                                                                    children: /*#__PURE__*/ jsx(Asterisk, {})
                                                                 })
                                                             })
                                                         }),

package/dist/styles.css

@@ -1032,8 +1032,8 @@
       display: none;
     }
   }
-  .\!block {
-    display: block !important;
+  .\!flex {
+    display: flex !important;
   }
   .\!hidden {
     display: none !important;
@@ -4321,9 +4321,6 @@
   .p-px {
     padding: 1px;
   }
-  .\!px-1\.5 {
-    padding-inline: calc(var(--spacing) * 1.5) !important;
-  }
   .\[padding-inline\:var\(--mf-content-inset\)\] {
     padding-inline: var(--mf-content-inset);
   }
@@ -8790,9 +8787,9 @@
       display: none;
     }
   }
-  .\@max-\[259px\]\:block {
+  .\@max-\[259px\]\:flex {
     @container (width < 259px) {
-      display: block;
+      display: flex;
     }
   }
   .\@max-\[259px\]\:hidden {
@@ -8800,11 +8797,6 @@
       display: none;
     }
   }
-  .\@max-\[259px\]\:px-1\.5 {
-    @container (width < 259px) {
-      padding-inline: calc(var(--spacing) * 1.5);
-    }
-  }
   .rtl\:rotate-180 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       rotate: 180deg;
@@ -13871,7 +13863,7 @@ body.canvas, .canvas {
   letter-spacing: inherit;
   margin: 0;
 }
-.mat-typography [data-slot="accordion-header"] {
+.mat-typography [data-slot="accordion-header"], .mat-typography [data-slot="form-section-header"] {
   font: inherit;
   letter-spacing: inherit;
   margin: 0;

package/dist/tailwind.css

@@ -951,7 +951,8 @@ body.canvas, .canvas {
   margin: 0;
 }
 
-.mat-typography [data-slot="accordion-header"] {
+.mat-typography [data-slot="accordion-header"],
+.mat-typography [data-slot="form-section-header"] {
   font: inherit;
   letter-spacing: inherit;
   margin: 0;

package/package.json

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