@uipath/apollo-wind 2.37.0 → 2.38.0

package/dist/components/forms/field-renderer.cjs

@@ -544,9 +544,8 @@ function FormLabel({ children, required, htmlFor, className = '' }) {
         className: className,
         children: [
             children,
-            required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "text-destructive ml-1",
-                children: "*"
+            required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.RequiredIndicator, {
+                className: "ml-1"
             })
         ]
     });

package/dist/components/forms/field-renderer.js

@@ -12,7 +12,7 @@ import { Checkbox } from "../ui/checkbox.js";
 import { Switch } from "../ui/switch.js";
 import { RadioGroup, RadioGroupItem } from "../ui/radio-group.js";
 import { Slider } from "../ui/slider.js";
-import { Label } from "../ui/label.js";
+import { Label, RequiredIndicator } from "../ui/label.js";
 import { DatePicker } from "../ui/date-picker.js";
 import { DateTimePicker } from "../ui/datetime-picker.js";
 import { FileUpload } from "../ui/file-upload.js";
@@ -516,9 +516,8 @@ function FormLabel({ children, required, htmlFor, className = '' }) {
         className: className,
         children: [
             children,
-            required && /*#__PURE__*/ jsx("span", {
-                className: "text-destructive ml-1",
-                children: "*"
+            required && /*#__PURE__*/ jsx(RequiredIndicator, {
+                className: "ml-1"
             })
         ]
     });

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

@@ -1172,9 +1172,8 @@ function FormDesigner() {
                                                                                     className: "text-xs font-medium truncate",
                                                                                     children: field.label
                                                                                 }),
-                                                                                field.rules?.some((r)=>r.effects.required) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                                    className: "text-[10px] text-destructive",
-                                                                                    children: "*"
+                                                                                field.rules?.some((r)=>r.effects.required) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.RequiredIndicator, {
+                                                                                    className: "ml-0 text-[10px]"
                                                                                 })
                                                                             ]
                                                                         }),

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

@@ -4,7 +4,7 @@ import { schemaToJson } from "./schema-serializer.js";
 import { MetadataForm } from "./metadata-form.js";
 import { Button } from "../ui/button.js";
 import { Input } from "../ui/input.js";
-import { Label } from "../ui/label.js";
+import { Label, RequiredIndicator } from "../ui/label.js";
 import { Textarea } from "../ui/textarea.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card.js";
@@ -1144,9 +1144,8 @@ function FormDesigner() {
                                                                                     className: "text-xs font-medium truncate",
                                                                                     children: field.label
                                                                                 }),
-                                                                                field.rules?.some((r)=>r.effects.required) && /*#__PURE__*/ jsx("span", {
-                                                                                    className: "text-[10px] text-destructive",
-                                                                                    children: "*"
+                                                                                field.rules?.some((r)=>r.effects.required) && /*#__PURE__*/ jsx(RequiredIndicator, {
+                                                                                    className: "ml-0 text-[10px]"
                                                                                 })
                                                                             ]
                                                                         }),

package/dist/components/ui/index.cjs

@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
@@ -78,16 +78,16 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -105,7 +105,7 @@ var __webpack_modules__ = {
     "@/components/ui/popover" (module) {
         module.exports = require("./popover.cjs");
     },
-    "@/components/ui/portal-container" (module) {
+    "./portal-container" (module) {
         module.exports = require("./portal-container.cjs");
     },
     "./progress" (module) {
@@ -156,7 +156,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -168,7 +168,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tooltip" (module) {
@@ -367,7 +367,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_20 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_20 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_20)if ([
         "TreeView",
@@ -409,14 +409,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_26 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_26 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_26)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_27 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_27 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_27)if ([
         "TreeView",
@@ -430,7 +430,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_29 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_29 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_29)if ([
         "TreeView",
@@ -472,7 +472,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_34[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _portal_container__rspack_import_35 = __webpack_require__("@/components/ui/portal-container");
+    var _portal_container__rspack_import_35 = __webpack_require__("./portal-container");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _portal_container__rspack_import_35)if ([
         "TreeView",
@@ -591,7 +591,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_51[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_52 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_52 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_52)if ([
         "TreeView",
@@ -612,7 +612,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_54[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_55 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_55 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_55)if ([
         "TreeView",

package/dist/components/ui/label.cjs

@@ -24,6 +24,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    RequiredIndicator: ()=>RequiredIndicator,
     Label: ()=>Label
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -39,9 +40,27 @@ const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classNa
         ...props
     }));
 Label.displayName = react_label_namespaceObject.Root.displayName;
+const RequiredIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        ref: ref,
+        ...props,
+        className: (0, index_cjs_namespaceObject.cn)('ml-0.5 text-current', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "aria-hidden": "true",
+                children: "*"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: " (required)"
+            })
+        ]
+    }));
+RequiredIndicator.displayName = 'RequiredIndicator';
 exports.Label = __webpack_exports__.Label;
+exports.RequiredIndicator = __webpack_exports__.RequiredIndicator;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Label"
+    "Label",
+    "RequiredIndicator"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/components/ui/label.d.ts

@@ -4,4 +4,18 @@ import * as React from 'react';
 declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>;
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
-export { Label };
+export interface RequiredIndicatorProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'aria-hidden'> {
+}
+/**
+ * Marks a field as required. Place it right after the label text.
+ *
+ * Uses `text-current` rather than an error/destructive color: an untouched
+ * required field isn't in an error state, so coloring the asterisk red reads
+ * as a validation failure before the person has done anything. The asterisk
+ * glyph is `aria-hidden` since it's a visual affordance, not the thing that
+ * makes the field required to assistive tech; a `sr-only` "(required)" is
+ * included alongside it so the label still announces the requirement even if
+ * the field's own control is missing `required`/`aria-required`.
+ */
+declare const RequiredIndicator: React.ForwardRefExoticComponent<RequiredIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export { Label, RequiredIndicator };

package/dist/components/ui/label.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
@@ -11,4 +11,20 @@ const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE
         ...props
     }));
 Label.displayName = Root.displayName;
-export { Label };
+const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
+        ref: ref,
+        ...props,
+        className: cn('ml-0.5 text-current', className),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": "true",
+                children: "*"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: " (required)"
+            })
+        ]
+    }));
+RequiredIndicator.displayName = 'RequiredIndicator';
+export { Label, RequiredIndicator };

package/dist/components/ui/lockable-value-field/components/field-header.cjs

@@ -51,13 +51,10 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
         children: [
             label ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
                 htmlFor: fieldId,
-                className: "text-xs font-medium text-foreground-muted",
+                className: "text-xs font-medium text-foreground",
                 children: [
                     fieldLabel,
-                    required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "ml-0.5 text-destructive",
-                        children: "*"
-                    })
+                    required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.RequiredIndicator, {})
                 ]
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {

package/dist/components/ui/lockable-value-field/components/field-header.js

@@ -3,7 +3,7 @@ import { Asterisk, Braces, ChevronDown, Sparkles } from "lucide-react";
 import { useId, useState } from "react";
 import { Button } from "../../button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../dropdown-menu.js";
-import { Label } from "../../label.js";
+import { Label, RequiredIndicator } from "../../label.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
 import { Switch } from "../../switch.js";
 import { Textarea } from "../../textarea.js";
@@ -23,13 +23,10 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
         children: [
             label ?? /*#__PURE__*/ jsxs(Label, {
                 htmlFor: fieldId,
-                className: "text-xs font-medium text-foreground-muted",
+                className: "text-xs font-medium text-foreground",
                 children: [
                     fieldLabel,
-                    required && /*#__PURE__*/ jsx("span", {
-                        className: "ml-0.5 text-destructive",
-                        children: "*"
-                    })
+                    required && /*#__PURE__*/ jsx(RequiredIndicator, {})
                 ]
             }),
             /*#__PURE__*/ jsx(TooltipProvider, {

package/dist/components/ui/lockable-value-field/lockable-value-field.cjs

@@ -44,7 +44,7 @@ const lock_toggle_button_cjs_namespaceObject = require("./components/lock-toggle
 const mode_menu_item_cjs_namespaceObject = require("./components/mode-menu-item.cjs");
 const external_types_cjs_namespaceObject = require("./types.cjs");
 const external_utils_cjs_namespaceObject = require("./utils.cjs");
-function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = (0, external_react_namespaceObject.useId)().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = (0, external_react_namespaceObject.useState)(false);
     const [selectOpen, setSelectOpen] = (0, external_react_namespaceObject.useState)(false);
@@ -80,10 +80,11 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             typeMeta.supportsExpression ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
                 error: error,
                 errorId: validationId,
+                className: (0, index_cjs_namespaceObject.cn)('bg-surface-overlay', 'file' === fieldType && !locked && 'fixed' === effectiveMode && 'h-auto items-stretch'),
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                    null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-start",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
+                        children: void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
                             locked: locked,
                             onLockedChange: onLockedChange
                         })
@@ -161,6 +162,16 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                                 })
                             })
                         ]
+                    }) : 'file' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_file_upload_cjs_namespaceObject.FileUpload, {
+                        id: fieldId,
+                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
+                        className: "flex-1",
+                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
+                        disabled: !onValueChange,
+                        onBlur: onValueBlur,
+                        "aria-invalid": error ? true : void 0,
+                        "aria-describedby": error ? validationId : void 0,
+                        "aria-errormessage": error ? validationId : void 0
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
                         id: fieldId,
                         type: 'integer' === fieldType ? 'number' : 'text',
@@ -170,9 +181,10 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         onBlur: onValueBlur,
                         placeholder: fieldLabel
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                    null !== trailingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-end",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+                        className: null != trailingAddon ? 'cursor-default' : void 0,
+                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
                                     asChild: true,
@@ -211,7 +223,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
+                    void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
                         locked: locked,
                         onLockedChange: onLockedChange
                     }),
@@ -264,17 +276,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         "aria-invalid": error ? true : void 0,
                         "aria-describedby": error ? validationId : void 0,
                         "aria-errormessage": error ? validationId : void 0
-                    }) : 'file' === fieldType && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_file_upload_cjs_namespaceObject.FileUpload, {
-                        id: fieldId,
-                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
-                        className: "flex-1",
-                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
-                        disabled: !onValueChange,
-                        onBlur: onValueBlur,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0
-                    })
+                    }) : null
                 ]
             }),
             error && !typeMeta.supportsExpression && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
@@ -284,7 +286,8 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 "aria-atomic": "true",
                 className: "mt-1 text-xs leading-4 text-error",
                 children: error
-            })
+            }),
+            belowValue
         ]
     });
 }

package/dist/components/ui/lockable-value-field/lockable-value-field.d.ts

@@ -11,4 +11,4 @@ import type { LockableValueFieldProps } from './types';
  * Insert-variable menu is empty (and disabled) unless `variables` is
  * provided; file uploads aren't persisted anywhere.
  */
-export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, fileUploadAriaLabel, headerActions, compact, controlsVisibility, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, leadingAddon, trailingAddon, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, controlsVisibility, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/lockable-value-field/lockable-value-field.js

@@ -16,7 +16,7 @@ import { LockToggleButton } from "./components/lock-toggle-button.js";
 import { ModeMenuItem } from "./components/mode-menu-item.js";
 import { FIELD_TYPE_META } from "./types.js";
 import { DEFAULT_SELECT_OPTIONS, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString } from "./utils.js";
-function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = useId().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = useState(false);
     const [selectOpen, setSelectOpen] = useState(false);
@@ -52,10 +52,11 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             typeMeta.supportsExpression ? /*#__PURE__*/ jsxs(InputGroup, {
                 error: error,
                 errorId: validationId,
+                className: cn('bg-surface-overlay', 'file' === fieldType && !locked && 'fixed' === effectiveMode && 'h-auto items-stretch'),
                 children: [
-                    /*#__PURE__*/ jsx(InputGroupAddon, {
+                    null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-start",
-                        children: /*#__PURE__*/ jsx(LockToggleButton, {
+                        children: void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ jsx(LockToggleButton, {
                             locked: locked,
                             onLockedChange: onLockedChange
                         })
@@ -133,6 +134,16 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                                 })
                             })
                         ]
+                    }) : 'file' === fieldType ? /*#__PURE__*/ jsx(FileUpload, {
+                        id: fieldId,
+                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
+                        className: "flex-1",
+                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
+                        disabled: !onValueChange,
+                        onBlur: onValueBlur,
+                        "aria-invalid": error ? true : void 0,
+                        "aria-describedby": error ? validationId : void 0,
+                        "aria-errormessage": error ? validationId : void 0
                     }) : /*#__PURE__*/ jsx(InputGroupInput, {
                         id: fieldId,
                         type: 'integer' === fieldType ? 'number' : 'text',
@@ -142,9 +153,10 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         onBlur: onValueBlur,
                         placeholder: fieldLabel
                     }),
-                    /*#__PURE__*/ jsx(InputGroupAddon, {
+                    null !== trailingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-end",
-                        children: /*#__PURE__*/ jsxs(DropdownMenu, {
+                        className: null != trailingAddon ? 'cursor-default' : void 0,
+                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ jsxs(DropdownMenu, {
                             children: [
                                 /*#__PURE__*/ jsx(DropdownMenuTrigger, {
                                     asChild: true,
@@ -183,7 +195,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             }) : /*#__PURE__*/ jsxs("div", {
                 className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ jsx(LockToggleButton, {
+                    void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ jsx(LockToggleButton, {
                         locked: locked,
                         onLockedChange: onLockedChange
                     }),
@@ -236,17 +248,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         "aria-invalid": error ? true : void 0,
                         "aria-describedby": error ? validationId : void 0,
                         "aria-errormessage": error ? validationId : void 0
-                    }) : 'file' === fieldType && /*#__PURE__*/ jsx(FileUpload, {
-                        id: fieldId,
-                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
-                        className: "flex-1",
-                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
-                        disabled: !onValueChange,
-                        onBlur: onValueBlur,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0
-                    })
+                    }) : null
                 ]
             }),
             error && !typeMeta.supportsExpression && /*#__PURE__*/ jsx("p", {
@@ -256,7 +258,8 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 "aria-atomic": "true",
                 className: "mt-1 text-xs leading-4 text-error",
                 children: error
-            })
+            }),
+            belowValue
         ]
     });
 }

package/dist/components/ui/lockable-value-field/types.cjs

@@ -74,9 +74,16 @@ const FIELD_TYPE_META = {
     file: {
         label: 'File',
         icon: external_lucide_react_namespaceObject.File,
-        supportsExpression: false,
+        supportsExpression: true,
         fixedLabel: 'Fixed value',
         fixedDescription: 'Upload a file'
+    },
+    object: {
+        label: 'Object',
+        icon: external_lucide_react_namespaceObject.Braces,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal object value'
     }
 };
 const FIELD_TYPE_ORDER = [
@@ -86,7 +93,8 @@ const FIELD_TYPE_ORDER = [
     'boolean',
     'single-select',
     'multi-select',
-    'file'
+    'file',
+    'object'
 ];
 exports.FIELD_TYPE_META = __webpack_exports__.FIELD_TYPE_META;
 exports.FIELD_TYPE_ORDER = __webpack_exports__.FIELD_TYPE_ORDER;

package/dist/components/ui/lockable-value-field/types.d.ts

@@ -1,7 +1,7 @@
 import { type LucideIcon } from 'lucide-react';
 import type { AriaAttributes, ReactNode } from 'react';
 export type LockableValueFieldMode = 'fixed' | 'expression';
-export type LockableFieldType = 'string' | 'integer' | 'date' | 'boolean' | 'single-select' | 'multi-select' | 'file';
+export type LockableFieldType = 'string' | 'integer' | 'date' | 'boolean' | 'single-select' | 'multi-select' | 'file' | 'object';
 interface FieldTypeMeta {
     label: string;
     icon: LucideIcon;
@@ -26,6 +26,17 @@ export interface LockableValueFieldProps {
     locked?: boolean;
     /** Called when the user toggles the lock. */
     onLockedChange?: (locked: boolean) => void;
+    /**
+     * Replaces the leading lock toggle with a semantic prefix such as `=`.
+     * Pass `null` to suppress the built-in toggle; omitting the prop preserves it.
+     */
+    leadingAddon?: ReactNode;
+    /**
+     * Replaces the trailing fixed/expression menu with a consumer-provided action
+     * for expression-capable field types. Pass `null` to suppress the built-in
+     * menu; omitting the prop preserves it.
+     */
+    trailingAddon?: ReactNode;
     /** Fixed value vs. JS expression. Defaults to 'fixed'. Ignored for types that don't support expressions. */
     mode?: LockableValueFieldMode;
     /** Called when the user switches modes. */
@@ -61,6 +72,8 @@ export interface LockableValueFieldProps {
     error?: ReactNode;
     /** Optional id for the inline validation message. */
     errorId?: string;
+    /** Content rendered below the value control, such as a related checkbox or help text. */
+    belowValue?: ReactNode;
     /** Accessible name for the file-upload dropzone. Defaults to a string `label`, then the computed field label. */
     fileUploadAriaLabel?: string;
     /** Extra content rendered after the built-in AI assist / Insert variable buttons (e.g. a delete button). */

package/dist/components/ui/lockable-value-field/types.js

@@ -1,4 +1,4 @@
-import { ALargeSmall, Calendar, File, Hash, List, ListChecks, ToggleLeft } from "lucide-react";
+import { ALargeSmall, Braces, Calendar, File, Hash, List, ListChecks, ToggleLeft } from "lucide-react";
 const FIELD_TYPE_META = {
     string: {
         label: 'String',
@@ -45,9 +45,16 @@ const FIELD_TYPE_META = {
     file: {
         label: 'File',
         icon: File,
-        supportsExpression: false,
+        supportsExpression: true,
         fixedLabel: 'Fixed value',
         fixedDescription: 'Upload a file'
+    },
+    object: {
+        label: 'Object',
+        icon: Braces,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal object value'
     }
 };
 const FIELD_TYPE_ORDER = [
@@ -57,6 +64,7 @@ const FIELD_TYPE_ORDER = [
     'boolean',
     'single-select',
     'multi-select',
-    'file'
+    'file',
+    'object'
 ];
 export { FIELD_TYPE_META, FIELD_TYPE_ORDER };

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

@@ -70,8 +70,8 @@ const MARKDOWN_PREVIEW_STYLES = `
 .prompt-editor-preview th { font-weight: 600; background-color: var(--color-muted); }
 .prompt-editor-preview strong { font-weight: 700; }
 .prompt-editor-preview em { font-style: italic; }
-.prompt-editor-preview .token-pill { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 4px; border-radius: 4px; font-size: 13px; line-height: 20px; vertical-align: middle; background: var(--color-primary-lighter); color: var(--color-foreground); }
-.prompt-editor-preview .token-pill svg { display: block; flex-shrink: 0; color: var(--color-primary); width: 14px; height: 14px; }
+.prompt-editor-preview .token-pill { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 4px; border-radius: 4px; font-size: 13px; line-height: 20px; vertical-align: middle; background: var(--color-info-background); color: var(--color-info-text); }
+.prompt-editor-preview .token-pill svg { display: block; flex-shrink: 0; color: var(--color-info-icon); width: 14px; height: 14px; }
 `;
 const PURIFY_CONFIG = {
     ALLOWED_TAGS: [

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

@@ -32,8 +32,8 @@ const MARKDOWN_PREVIEW_STYLES = `
 .prompt-editor-preview th { font-weight: 600; background-color: var(--color-muted); }
 .prompt-editor-preview strong { font-weight: 700; }
 .prompt-editor-preview em { font-style: italic; }
-.prompt-editor-preview .token-pill { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 4px; border-radius: 4px; font-size: 13px; line-height: 20px; vertical-align: middle; background: var(--color-primary-lighter); color: var(--color-foreground); }
-.prompt-editor-preview .token-pill svg { display: block; flex-shrink: 0; color: var(--color-primary); width: 14px; height: 14px; }
+.prompt-editor-preview .token-pill { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 4px; border-radius: 4px; font-size: 13px; line-height: 20px; vertical-align: middle; background: var(--color-info-background); color: var(--color-info-text); }
+.prompt-editor-preview .token-pill svg { display: block; flex-shrink: 0; color: var(--color-info-icon); width: 14px; height: 14px; }
 `;
 const PURIFY_CONFIG = {
     ALLOWED_TAGS: [

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

@@ -31,14 +31,14 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const getPromptEditorTokenColors = ()=>({
         valid: {
-            background: 'var(--color-primary-lighter)',
-            border: 'var(--color-primary)',
-            text: 'var(--color-foreground)',
-            icon: 'var(--color-primary)'
+            background: 'var(--color-info-background)',
+            border: 'var(--color-info-icon)',
+            text: 'var(--color-info-text)',
+            icon: 'var(--color-info-icon)'
         },
         invalid: {
             background: 'var(--color-error-background)',
-            border: 'var(--color-error)',
+            border: 'var(--color-error-icon)',
             text: 'var(--color-error-text)',
             icon: 'var(--color-error-icon)'
         }

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

@@ -1,13 +1,13 @@
 const getPromptEditorTokenColors = ()=>({
         valid: {
-            background: 'var(--color-primary-lighter)',
-            border: 'var(--color-primary)',
-            text: 'var(--color-foreground)',
-            icon: 'var(--color-primary)'
+            background: 'var(--color-info-background)',
+            border: 'var(--color-info-icon)',
+            text: 'var(--color-info-text)',
+            icon: 'var(--color-info-icon)'
         },
         invalid: {
             background: 'var(--color-error-background)',
-            border: 'var(--color-error)',
+            border: 'var(--color-error-icon)',
             text: 'var(--color-error-text)',
             icon: 'var(--color-error-icon)'
         }

package/dist/index.cjs

@@ -71,6 +71,7 @@ __webpack_require__.d(__webpack_exports__, {
     Column: ()=>column_cjs_namespaceObject.Column,
     AlertDialogTrigger: ()=>alert_dialog_cjs_namespaceObject.AlertDialogTrigger,
     DrawerOverlay: ()=>drawer_cjs_namespaceObject.DrawerOverlay,
+    RequiredIndicator: ()=>label_cjs_namespaceObject.RequiredIndicator,
     CardContent: ()=>card_cjs_namespaceObject.CardContent,
     SelectValue: ()=>select_cjs_namespaceObject.SelectValue,
     Slider: ()=>slider_cjs_namespaceObject.Slider,
@@ -509,6 +510,7 @@ exports.Progress = __webpack_exports__.Progress;
 exports.PromptEditor = __webpack_exports__.PromptEditor;
 exports.RadioGroup = __webpack_exports__.RadioGroup;
 exports.RadioGroupItem = __webpack_exports__.RadioGroupItem;
+exports.RequiredIndicator = __webpack_exports__.RequiredIndicator;
 exports.ResizableHandle = __webpack_exports__.ResizableHandle;
 exports.ResizablePanel = __webpack_exports__.ResizablePanel;
 exports.ResizablePanelGroup = __webpack_exports__.ResizablePanelGroup;
@@ -752,6 +754,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "PromptEditor",
     "RadioGroup",
     "RadioGroupItem",
+    "RequiredIndicator",
     "ResizableHandle",
     "ResizablePanel",
     "ResizablePanelGroup",

package/dist/index.d.ts

@@ -18,8 +18,8 @@ export { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField, } from './compon
 export type { LockableValueFieldProps, LockableValueFieldMode, LockableFieldType, LockableValueFieldOption, } from './components/ui/lockable-value-field';
 export { Textarea } from './components/ui/textarea';
 export type { TextareaProps } from './components/ui/textarea';
-export { Label } from './components/ui/label';
-export type { LabelProps } from './components/ui/label';
+export { Label, RequiredIndicator } from './components/ui/label';
+export type { LabelProps, RequiredIndicatorProps } from './components/ui/label';
 export { Checkbox } from './components/ui/checkbox';
 export type { CheckboxProps } from './components/ui/checkbox';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';

package/dist/index.js

@@ -10,7 +10,7 @@ import { Input } from "./components/ui/input.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField } from "./components/ui/lockable-value-field/index.js";
 import { Textarea } from "./components/ui/textarea.js";
-import { Label } from "./components/ui/label.js";
+import { Label, RequiredIndicator } from "./components/ui/label.js";
 import { Checkbox } from "./components/ui/checkbox.js";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
 import { Switch } from "./components/ui/switch.js";
@@ -69,4 +69,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
 import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
 import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
 import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, LockableValueField, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, VariablePicker, VariablePickerContent, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, LockableValueField, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, VariablePicker, VariablePickerContent, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -299,7 +299,6 @@
     --color-foreground-link: var(--foreground-link);
     --color-border-disabled: var(--border-disabled);
     --color-border-grid: var(--border-grid);
-    --color-error: var(--error);
     --color-logo: var(--logo);
     --color-background-secondary: var(--color-background-secondary);
     --color-background-inverse: var(--color-background-inverse);
@@ -886,6 +885,9 @@
   .-ml-3 {
     margin-left: calc(var(--spacing) * -3);
   }
+  .ml-0 {
+    margin-left: calc(var(--spacing) * 0);
+  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
@@ -1470,6 +1472,9 @@
   .w-\[600px\] {
     width: 600px;
   }
+  .w-\[620px\] {
+    width: 620px;
+  }
   .w-\[700px\] {
     width: 700px;
   }
@@ -3914,6 +3919,10 @@
   .text-\[40px\] {
     font-size: 40px;
   }
+  .leading-3 {
+    --tw-leading: calc(var(--spacing) * 3);
+    line-height: calc(var(--spacing) * 3);
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -4285,6 +4294,9 @@
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .accent-brand {
+    accent-color: var(--brand);
+  }
   .accent-primary {
     accent-color: var(--primary);
   }

package/package.json

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