@uipath/apollo-wind 2.43.0 → 2.44.0

package/dist/components/ui/combobox.cjs

@@ -54,7 +54,7 @@ const combobox_Combobox = /*#__PURE__*/ external_react_namespaceObject.forwardRe
                     disabled: disabled,
                     children: [
                         selectedItem ? selectedItem.label : placeholder,
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsUpDown, {
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
                             className: "opacity-50"
                         })
                     ]

package/dist/components/ui/combobox.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, ChevronsUpDown } from "lucide-react";
+import { Check, ChevronDown } from "lucide-react";
 import { forwardRef, useState } from "react";
 import { Button } from "./button.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
@@ -26,7 +26,7 @@ const combobox_Combobox = /*#__PURE__*/ forwardRef(function({ items, value, onVa
                     disabled: disabled,
                     children: [
                         selectedItem ? selectedItem.label : placeholder,
-                        /*#__PURE__*/ jsx(ChevronsUpDown, {
+                        /*#__PURE__*/ jsx(ChevronDown, {
                             className: "opacity-50"
                         })
                     ]

package/dist/components/ui/date-picker.cjs

@@ -46,7 +46,7 @@ const date_picker_DatePicker = /*#__PURE__*/ external_react_namespaceObject.forw
                     ref: ref,
                     variant: "outline",
                     "aria-label": value ? `Selected date: ${(0, external_date_fns_namespaceObject.format)(value, 'PPP')}` : placeholder,
-                    className: (0, index_cjs_namespaceObject.cn)('w-full justify-start text-left font-normal', !value && 'text-muted-foreground', className),
+                    className: (0, index_cjs_namespaceObject.cn)('w-full justify-start text-left font-normal', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-muted-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !value && 'text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {}),
@@ -79,7 +79,7 @@ const date_picker_DateRangePicker = /*#__PURE__*/ external_react_namespaceObject
                     ref: ref,
                     variant: "outline",
                     "aria-label": value?.from ? value.to ? `Selected range: ${(0, external_date_fns_namespaceObject.format)(value.from, 'LLL dd, y')} to ${(0, external_date_fns_namespaceObject.format)(value.to, 'LLL dd, y')}` : `Selected date: ${(0, external_date_fns_namespaceObject.format)(value.from, 'LLL dd, y')}` : placeholder,
-                    className: (0, index_cjs_namespaceObject.cn)('w-[300px] justify-start text-left font-normal', !value && 'text-muted-foreground', className),
+                    className: (0, index_cjs_namespaceObject.cn)('w-[300px] justify-start text-left font-normal', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-muted-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !value && 'text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {}),

package/dist/components/ui/date-picker.d.ts

@@ -1,5 +1,5 @@
-import type { DateRange } from 'react-day-picker';
 import * as React from 'react';
+import type { DateRange } from 'react-day-picker';
 import { Calendar } from './calendar';
 export interface DatePickerProps {
     value?: Date;

package/dist/components/ui/date-picker.js

@@ -17,7 +17,7 @@ const date_picker_DatePicker = /*#__PURE__*/ forwardRef(function({ value, onValu
                     ref: ref,
                     variant: "outline",
                     "aria-label": value ? `Selected date: ${format(value, 'PPP')}` : placeholder,
-                    className: cn('w-full justify-start text-left font-normal', !value && 'text-muted-foreground', className),
+                    className: cn('w-full justify-start text-left font-normal', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-muted-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !value && 'text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         /*#__PURE__*/ jsx(CalendarIcon, {}),
@@ -50,7 +50,7 @@ const date_picker_DateRangePicker = /*#__PURE__*/ forwardRef(function({ value, o
                     ref: ref,
                     variant: "outline",
                     "aria-label": value?.from ? value.to ? `Selected range: ${format(value.from, 'LLL dd, y')} to ${format(value.to, 'LLL dd, y')}` : `Selected date: ${format(value.from, 'LLL dd, y')}` : placeholder,
-                    className: cn('w-[300px] justify-start text-left font-normal', !value && 'text-muted-foreground', className),
+                    className: cn('w-[300px] justify-start text-left font-normal', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-muted-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !value && 'text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         /*#__PURE__*/ jsx(CalendarIcon, {}),

package/dist/components/ui/datetime-picker.cjs

@@ -27,14 +27,14 @@ __webpack_require__.d(__webpack_exports__, {
     DateTimePicker: ()=>datetime_picker_DateTimePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_date_fns_namespaceObject = require("date-fns");
 const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_calendar_cjs_namespaceObject = require("./calendar.cjs");
-const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const external_input_cjs_namespaceObject = require("./input.cjs");
 const external_label_cjs_namespaceObject = require("./label.cjs");
+const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const datetime_picker_DateTimePicker = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ value, onValueChange, disabled, placeholder = 'Pick a date and time', className, use12Hour = false }, ref) {
     const [open, setOpen] = external_react_namespaceObject.useState(false);
@@ -77,7 +77,7 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ external_react_namespaceObj
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
                     ref: ref,
                     variant: "outline",
-                    className: (0, index_cjs_namespaceObject.cn)('w-full justify-start text-left font-normal', !selectedDate && 'text-muted-foreground', className),
+                    className: (0, index_cjs_namespaceObject.cn)('w-full justify-start text-left font-normal', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-muted-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !selectedDate && 'text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {

package/dist/components/ui/datetime-picker.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useState } from "react";
 import { format } from "date-fns";
 import { CalendarIcon, Clock } from "lucide-react";
+import { forwardRef, useState } from "react";
 import { Button } from "./button.js";
 import { Calendar } from "./calendar.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { Input } from "./input.js";
 import { Label } from "./label.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
 const datetime_picker_DateTimePicker = /*#__PURE__*/ forwardRef(function({ value, onValueChange, disabled, placeholder = 'Pick a date and time', className, use12Hour = false }, ref) {
     const [open, setOpen] = useState(false);
@@ -49,7 +49,7 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ forwardRef(function({ value
                 children: /*#__PURE__*/ jsxs(Button, {
                     ref: ref,
                     variant: "outline",
-                    className: cn('w-full justify-start text-left font-normal', !selectedDate && 'text-muted-foreground', className),
+                    className: cn('w-full justify-start text-left font-normal', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-muted-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !selectedDate && 'text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         /*#__PURE__*/ jsx(CalendarIcon, {

package/dist/components/ui/file-upload.cjs

@@ -158,7 +158,7 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
             'GB'
         ];
         const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
+        return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
         ref: ref,
@@ -190,7 +190,7 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                 "aria-describedby": ariaDescribedBy,
                 "aria-errormessage": ariaErrorMessage,
                 tabIndex: disabled ? -1 : 0,
-                className: (0, index_cjs_namespaceObject.cn)('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
+                className: (0, index_cjs_namespaceObject.cn)('relative flex w-full flex-col items-center justify-center h-32 border-2 border-dashed rounded-lg px-4 py-6 cursor-pointer transition-colors', 'text-foreground-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl future:border-border-subtle future:bg-surface-overlay future:hover:bg-surface-hover future:focus-visible:ring-offset-background', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-overlay'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
@@ -204,10 +204,10 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                 },
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Upload, {
-                        className: "w-8 h-8 mb-2 text-muted-foreground"
+                        className: "mb-2 h-8 w-8 text-muted-foreground future:text-foreground-muted"
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
-                        className: "text-sm text-muted-foreground text-center",
+                        className: "text-center text-sm text-muted-foreground future:text-foreground-muted",
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                 className: "font-semibold",
@@ -217,11 +217,11 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                         ]
                     }),
                     accept && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                        className: "text-xs text-muted-foreground mt-1",
+                        className: "mt-1 text-xs text-muted-foreground future:text-foreground-muted",
                         children: accept.split(',').join(', ')
                     }),
                     maxSize && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
-                        className: "text-xs text-muted-foreground",
+                        className: "text-xs text-muted-foreground future:text-foreground-muted",
                         children: [
                             "Max size: ",
                             formatFileSize(maxSize)

package/dist/components/ui/file-upload.js

@@ -130,7 +130,7 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
             'GB'
         ];
         const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
+        return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
     };
     return /*#__PURE__*/ jsxs("fieldset", {
         ref: ref,
@@ -162,7 +162,7 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
                 "aria-describedby": ariaDescribedBy,
                 "aria-errormessage": ariaErrorMessage,
                 tabIndex: disabled ? -1 : 0,
-                className: cn('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
+                className: cn('relative flex w-full flex-col items-center justify-center h-32 border-2 border-dashed rounded-lg px-4 py-6 cursor-pointer transition-colors', 'text-foreground-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl future:border-border-subtle future:bg-surface-overlay future:hover:bg-surface-hover future:focus-visible:ring-offset-background', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-overlay'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
@@ -176,10 +176,10 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
                 },
                 children: [
                     /*#__PURE__*/ jsx(Upload, {
-                        className: "w-8 h-8 mb-2 text-muted-foreground"
+                        className: "mb-2 h-8 w-8 text-muted-foreground future:text-foreground-muted"
                     }),
                     /*#__PURE__*/ jsxs("p", {
-                        className: "text-sm text-muted-foreground text-center",
+                        className: "text-center text-sm text-muted-foreground future:text-foreground-muted",
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "font-semibold",
@@ -189,11 +189,11 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
                         ]
                     }),
                     accept && /*#__PURE__*/ jsx("p", {
-                        className: "text-xs text-muted-foreground mt-1",
+                        className: "mt-1 text-xs text-muted-foreground future:text-foreground-muted",
                         children: accept.split(',').join(', ')
                     }),
                     maxSize && /*#__PURE__*/ jsxs("p", {
-                        className: "text-xs text-muted-foreground",
+                        className: "text-xs text-muted-foreground future:text-foreground-muted",
                         children: [
                             "Max size: ",
                             formatFileSize(maxSize)

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "@/components/ui/badge" (module) {
+    "./badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -24,10 +24,10 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "./card" (module) {
@@ -36,7 +36,7 @@ var __webpack_modules__ = {
     "./chart" (module) {
         module.exports = require("./chart.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./collapsible" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
     "./context-menu" (module) {
@@ -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) {
@@ -87,10 +87,10 @@ var __webpack_modules__ = {
     "./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) {
@@ -108,7 +108,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) {
@@ -159,7 +159,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -265,7 +265,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
+    var _badge__rspack_import_5 = __webpack_require__("./badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -279,7 +279,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_7 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -293,7 +293,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
@@ -314,7 +314,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_12 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_12)if ([
         "TreeView",
@@ -335,7 +335,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_15 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_15 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_15)if ([
         "TreeView",
@@ -370,7 +370,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",
@@ -426,7 +426,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_27[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_28 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_28 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_28)if ([
         "TreeView",
@@ -440,7 +440,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_30 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_30 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_30)if ([
         "TreeView",
@@ -482,7 +482,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_35[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _portal_container__rspack_import_36 = __webpack_require__("@/components/ui/portal-container");
+    var _portal_container__rspack_import_36 = __webpack_require__("./portal-container");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _portal_container__rspack_import_36)if ([
         "TreeView",
@@ -601,7 +601,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_52[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_53 = __webpack_require__("./table");
+    var _table__rspack_import_53 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_53)if ([
         "TreeView",

package/dist/components/ui/input.cjs

@@ -47,7 +47,7 @@ const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'aria-d
                 "aria-describedby": describedBy || void 0,
                 "aria-errormessage": error ? validationId : ariaErrorMessage,
                 "aria-invalid": error ? true : ariaInvalid,
-                className: (0, utils_cjs_namespaceObject.cn)('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
+                className: (0, utils_cjs_namespaceObject.cn)('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring read-only:cursor-default disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
                 ref: ref
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {

package/dist/components/ui/input.js

@@ -19,7 +19,7 @@ const Input = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy, '
                 "aria-describedby": describedBy || void 0,
                 "aria-errormessage": error ? validationId : ariaErrorMessage,
                 "aria-invalid": error ? true : ariaInvalid,
-                className: cn('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
+                className: cn('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring read-only:cursor-default disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
                 ref: ref
             }),
             /*#__PURE__*/ jsx(FormFieldError, {

package/dist/components/ui/label.cjs

@@ -53,7 +53,7 @@ const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classNa
         ...props
     }));
 Label.displayName = react_label_namespaceObject.Root.displayName;
-const RequiredIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, srLabel = ' (required)', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+const RequiredIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, srLabel, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
         ref: ref,
         ...props,
         className: (0, index_cjs_namespaceObject.cn)('ml-0.5', className, 'text-foreground'),
@@ -62,7 +62,7 @@ const RequiredIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRe
                 "aria-hidden": "true",
                 children: "*"
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            srLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                 className: "sr-only",
                 children: srLabel
             })

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

@@ -34,10 +34,10 @@ export interface RequiredIndicatorProps extends Omit<React.HTMLAttributes<HTMLSp
  * 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`. That text is
- * English by default; pass `srLabel` to localize it.
+ * makes the field required to assistive tech;
+ * Use `required` or `aria-required` on the field's control for that.
+ * Or pass `srLabel` to provide assistive announcements 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

@@ -24,7 +24,7 @@ const Label = /*#__PURE__*/ forwardRef(({ className, variant = 'default', ...pro
         ...props
     }));
 Label.displayName = Root.displayName;
-const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, srLabel = ' (required)', ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
+const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, srLabel, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
         ref: ref,
         ...props,
         className: cn('ml-0.5', className, 'text-foreground'),
@@ -33,7 +33,7 @@ const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, srLabel = ' (re
                 "aria-hidden": "true",
                 children: "*"
             }),
-            /*#__PURE__*/ jsx("span", {
+            srLabel && /*#__PURE__*/ jsx("span", {
                 className: "sr-only",
                 children: srLabel
             })

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

@@ -39,7 +39,7 @@ const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
 const index_cjs_namespaceObject = require("../../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../../lib/index.cjs");
 const external_types_cjs_namespaceObject = require("../types.cjs");
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
     const promptId = (0, external_react_namespaceObject.useId)();
     const [aiPrompt, setAiPrompt] = (0, external_react_namespaceObject.useState)('');
     const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
@@ -197,7 +197,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                                 }),
                                 showFieldActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                                     children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+                                        showAiAssist && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
                                             children: [
                                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
                                                     children: [

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { LockableFieldType, LockableValueFieldOption } from '../types';
-export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
+export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
     label?: ReactNode;
     fieldId: string;
     fieldLabel: string;
@@ -10,6 +10,7 @@ export declare function FieldHeader({ label, fieldId, fieldLabel, required, fiel
     onRequiredChange?: (required: boolean) => void;
     compact?: boolean;
     showFieldActions: boolean;
+    showAiAssist: boolean;
     value: string;
     onValueChange?: (value: string) => void;
     variables: LockableValueFieldOption[];

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

@@ -11,7 +11,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../
 import { VariablePicker } from "../../variable-picker/index.js";
 import { cn } from "../../../../lib/index.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
     const promptId = useId();
     const [aiPrompt, setAiPrompt] = useState('');
     const typeMeta = FIELD_TYPE_META[fieldType];
@@ -169,7 +169,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                                 }),
                                 showFieldActions && /*#__PURE__*/ jsxs(Fragment, {
                                     children: [
-                                        /*#__PURE__*/ jsxs(Popover, {
+                                        showAiAssist && /*#__PURE__*/ jsxs(Popover, {
                                             children: [
                                                 /*#__PURE__*/ jsxs(Tooltip, {
                                                     children: [

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

@@ -1,3 +1,3 @@
 export { LockableValueField } from './lockable-value-field';
-export type { LockableFieldType, LockableValueFieldMode, LockableValueFieldOption, LockableValueFieldProps, } from './types';
+export type { LockableFieldType, LockableValueFieldMode, LockableValueFieldMoreActions, LockableValueFieldOption, LockableValueFieldProps, } from './types';
 export { FIELD_TYPE_META, FIELD_TYPE_ORDER } from './types';

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

@@ -32,8 +32,6 @@ const external_react_namespaceObject = require("react");
 const external_calendar_cjs_namespaceObject = require("../calendar.cjs");
 const external_dropdown_menu_cjs_namespaceObject = require("../dropdown-menu.cjs");
 const external_file_upload_cjs_namespaceObject = require("../file-upload.cjs");
-const external_form_field_cjs_namespaceObject = require("../form-field.cjs");
-const external_input_cjs_namespaceObject = require("../input.cjs");
 const external_input_group_cjs_namespaceObject = require("../input-group.cjs");
 const external_multi_select_cjs_namespaceObject = require("../multi-select.cjs");
 const external_popover_cjs_namespaceObject = require("../popover.cjs");
@@ -45,7 +43,46 @@ 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, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function MoreActionsMenu({ more, locked }) {
+    const onClear = locked ? void 0 : more.onClear;
+    const onRefresh = more.onRefresh;
+    if (!onClear && !onRefresh) return null;
+    return /*#__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,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+                    icon: true,
+                    size: "3xs",
+                    "aria-label": "More value actions",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MoreHorizontal, {})
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                align: "end",
+                className: "w-40",
+                children: [
+                    onClear && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "text-error focus:text-error",
+                        onClick: onClear,
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Trash2, {}),
+                            "Clear value"
+                        ]
+                    }),
+                    onRefresh && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        onClick: onRefresh,
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.RefreshCw, {}),
+                            "Force refresh"
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, showLock = true, leadingAddon, trailingAddon, more, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, showAiAssist = 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);
@@ -57,6 +94,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
     const fieldTypeLabel = typeMeta.label.toLowerCase();
     const expressionArticle = /^[aeiou]/.test(fieldTypeLabel) ? 'an' : 'a';
     const fieldLabel = 'expression' === effectiveMode ? `Write ${expressionArticle} ${fieldTypeLabel} expression` : `${typeMeta.label} value`;
+    const hasMoreActions = Boolean(more?.onRefresh || !locked && more?.onClear);
     const lockedDisplayValue = (0, external_utils_cjs_namespaceObject.getLockedDisplayValue)(fieldType, value, options);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: (0, index_cjs_namespaceObject.cn)('@container group flex flex-col gap-1.5', className),
@@ -71,6 +109,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 onRequiredChange: onRequiredChange,
                 compact: compact,
                 showFieldActions: showFieldActions,
+                showAiAssist: showAiAssist,
                 value: value,
                 onValueChange: editableOnValueChange,
                 variables: variables,
@@ -80,11 +119,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'),
+                className: (0, index_cjs_namespaceObject.cn)('file' === fieldType && !locked && 'fixed' === effectiveMode && 'h-auto items-stretch'),
                 children: [
-                    null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                    (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-start",
-                        children: void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
+                        children: void 0 !== leadingAddon ? leadingAddon : showLock && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
                             locked: locked,
                             onLockedChange: onLockedChange
                         })
@@ -183,59 +222,68 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                     }),
                     null !== trailingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-end",
-                        className: null != trailingAddon ? 'cursor-default' : void 0,
-                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+                        className: "cursor-default",
+                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                             children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
-                                    asChild: true,
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
-                                        icon: true,
-                                        size: "3xs",
-                                        disabled: !onModeChange,
-                                        "aria-label": "Choose value type",
-                                        children: 'expression' === effectiveMode ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Code2, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Type, {})
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
-                                    align: "end",
-                                    className: "w-56",
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
                                     children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mode_menu_item_cjs_namespaceObject.ModeMenuItem, {
-                                            icon: external_lucide_react_namespaceObject.Type,
-                                            label: typeMeta.fixedLabel,
-                                            description: typeMeta.fixedDescription,
-                                            active: 'fixed' === effectiveMode,
-                                            onClick: ()=>onModeChange?.('fixed')
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                                            asChild: true,
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+                                                icon: true,
+                                                size: "3xs",
+                                                disabled: !onModeChange,
+                                                "aria-label": "Choose value type",
+                                                children: 'expression' === effectiveMode ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Code2, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Type, {})
+                                            })
                                         }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mode_menu_item_cjs_namespaceObject.ModeMenuItem, {
-                                            icon: external_lucide_react_namespaceObject.Code2,
-                                            label: "Expression",
-                                            description: "Use a JS expression",
-                                            active: 'expression' === effectiveMode,
-                                            onClick: ()=>onModeChange?.('expression')
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                                            align: "end",
+                                            className: "w-56",
+                                            children: [
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mode_menu_item_cjs_namespaceObject.ModeMenuItem, {
+                                                    icon: external_lucide_react_namespaceObject.Type,
+                                                    label: typeMeta.fixedLabel,
+                                                    description: typeMeta.fixedDescription,
+                                                    active: 'fixed' === effectiveMode,
+                                                    onClick: ()=>onModeChange?.('fixed')
+                                                }),
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mode_menu_item_cjs_namespaceObject.ModeMenuItem, {
+                                                    icon: external_lucide_react_namespaceObject.Code2,
+                                                    label: "Expression",
+                                                    description: "Use a JS expression",
+                                                    active: 'expression' === effectiveMode,
+                                                    onClick: ()=>onModeChange?.('expression')
+                                                })
+                                            ]
                                         })
                                     ]
+                                }),
+                                hasMoreActions && more && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MoreActionsMenu, {
+                                    more: more,
+                                    locked: locked
                                 })
                             ]
                         })
                     })
                 ]
-            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex items-center gap-2",
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
+                error: error,
+                errorId: validationId,
                 children: [
-                    void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
-                        locked: locked,
-                        onLockedChange: onLockedChange
+                    (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                        align: "inline-start",
+                        children: void 0 !== leadingAddon ? leadingAddon : showLock && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
+                            locked: locked,
+                            onLockedChange: onLockedChange
+                        })
                     }),
-                    locked ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+                    locked ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
                         id: fieldId,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0,
                         readOnly: true,
                         value: lockedDisplayValue,
                         placeholder: fieldLabel,
-                        className: "flex-1",
+                        className: "min-w-0",
                         onBlur: onValueBlur
                     }) : 'single-select' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select, {
                         open: selectOpen,
@@ -249,7 +297,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger, {
                                 id: fieldId,
-                                className: "flex-1",
+                                className: "min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 shadow-none future:rounded-none future:border-0 future:bg-transparent future:px-0",
                                 "aria-invalid": error ? true : void 0,
                                 "aria-describedby": error ? validationId : void 0,
                                 "aria-errormessage": error ? validationId : void 0,
@@ -266,7 +314,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         ]
                     }) : 'multi-select' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_multi_select_cjs_namespaceObject.MultiSelect, {
                         id: fieldId,
-                        className: "flex-1",
+                        className: "min-w-0 flex-1",
                         options: options,
                         selected: (0, external_utils_cjs_namespaceObject.parseListValue)(value),
                         onChange: (selected)=>onValueChange?.(JSON.stringify(selected)),
@@ -276,15 +324,17 @@ 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
-                    }) : null
+                    }) : null,
+                    hasMoreActions && more && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                        align: "inline-end",
+                        className: "cursor-default",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MoreActionsMenu, {
+                            more: more,
+                            locked: locked
+                        })
+                    })
                 ]
             }),
-            !typeMeta.supportsExpression && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
-                id: validationId,
-                "data-slot": "lockable-value-field-error",
-                className: "mt-1",
-                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, leadingAddon, trailingAddon, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, showLock, leadingAddon, trailingAddon, more, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions, showAiAssist, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Code2, Type } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Code2, MoreHorizontal, RefreshCw, Trash2, Type } from "lucide-react";
 import { useId, useState } from "react";
 import { Calendar } from "../calendar.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../dropdown-menu.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.js";
 import { FileUpload } from "../file-upload.js";
-import { FormFieldError } from "../form-field.js";
-import { Input } from "../input.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../input-group.js";
 import { MultiSelect } from "../multi-select.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
@@ -17,7 +15,46 @@ 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, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function MoreActionsMenu({ more, locked }) {
+    const onClear = locked ? void 0 : more.onClear;
+    const onRefresh = more.onRefresh;
+    if (!onClear && !onRefresh) return null;
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(InputGroupButton, {
+                    icon: true,
+                    size: "3xs",
+                    "aria-label": "More value actions",
+                    children: /*#__PURE__*/ jsx(MoreHorizontal, {})
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                className: "w-40",
+                children: [
+                    onClear && /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "text-error focus:text-error",
+                        onClick: onClear,
+                        children: [
+                            /*#__PURE__*/ jsx(Trash2, {}),
+                            "Clear value"
+                        ]
+                    }),
+                    onRefresh && /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        onClick: onRefresh,
+                        children: [
+                            /*#__PURE__*/ jsx(RefreshCw, {}),
+                            "Force refresh"
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, showLock = true, leadingAddon, trailingAddon, more, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, showAiAssist = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = useId().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = useState(false);
     const [selectOpen, setSelectOpen] = useState(false);
@@ -29,6 +66,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
     const fieldTypeLabel = typeMeta.label.toLowerCase();
     const expressionArticle = /^[aeiou]/.test(fieldTypeLabel) ? 'an' : 'a';
     const fieldLabel = 'expression' === effectiveMode ? `Write ${expressionArticle} ${fieldTypeLabel} expression` : `${typeMeta.label} value`;
+    const hasMoreActions = Boolean(more?.onRefresh || !locked && more?.onClear);
     const lockedDisplayValue = getLockedDisplayValue(fieldType, value, options);
     return /*#__PURE__*/ jsxs("div", {
         className: cn('@container group flex flex-col gap-1.5', className),
@@ -43,6 +81,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 onRequiredChange: onRequiredChange,
                 compact: compact,
                 showFieldActions: showFieldActions,
+                showAiAssist: showAiAssist,
                 value: value,
                 onValueChange: editableOnValueChange,
                 variables: variables,
@@ -52,11 +91,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'),
+                className: cn('file' === fieldType && !locked && 'fixed' === effectiveMode && 'h-auto items-stretch'),
                 children: [
-                    null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
+                    (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-start",
-                        children: void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ jsx(LockToggleButton, {
+                        children: void 0 !== leadingAddon ? leadingAddon : showLock && /*#__PURE__*/ jsx(LockToggleButton, {
                             locked: locked,
                             onLockedChange: onLockedChange
                         })
@@ -155,59 +194,68 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                     }),
                     null !== trailingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-end",
-                        className: null != trailingAddon ? 'cursor-default' : void 0,
-                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ jsxs(DropdownMenu, {
+                        className: "cursor-default",
+                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ jsxs(Fragment, {
                             children: [
-                                /*#__PURE__*/ jsx(DropdownMenuTrigger, {
-                                    asChild: true,
-                                    children: /*#__PURE__*/ jsx(InputGroupButton, {
-                                        icon: true,
-                                        size: "3xs",
-                                        disabled: !onModeChange,
-                                        "aria-label": "Choose value type",
-                                        children: 'expression' === effectiveMode ? /*#__PURE__*/ jsx(Code2, {}) : /*#__PURE__*/ jsx(Type, {})
-                                    })
-                                }),
-                                /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                                    align: "end",
-                                    className: "w-56",
+                                /*#__PURE__*/ jsxs(DropdownMenu, {
                                     children: [
-                                        /*#__PURE__*/ jsx(ModeMenuItem, {
-                                            icon: Type,
-                                            label: typeMeta.fixedLabel,
-                                            description: typeMeta.fixedDescription,
-                                            active: 'fixed' === effectiveMode,
-                                            onClick: ()=>onModeChange?.('fixed')
+                                        /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                                            asChild: true,
+                                            children: /*#__PURE__*/ jsx(InputGroupButton, {
+                                                icon: true,
+                                                size: "3xs",
+                                                disabled: !onModeChange,
+                                                "aria-label": "Choose value type",
+                                                children: 'expression' === effectiveMode ? /*#__PURE__*/ jsx(Code2, {}) : /*#__PURE__*/ jsx(Type, {})
+                                            })
                                         }),
-                                        /*#__PURE__*/ jsx(ModeMenuItem, {
-                                            icon: Code2,
-                                            label: "Expression",
-                                            description: "Use a JS expression",
-                                            active: 'expression' === effectiveMode,
-                                            onClick: ()=>onModeChange?.('expression')
+                                        /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                                            align: "end",
+                                            className: "w-56",
+                                            children: [
+                                                /*#__PURE__*/ jsx(ModeMenuItem, {
+                                                    icon: Type,
+                                                    label: typeMeta.fixedLabel,
+                                                    description: typeMeta.fixedDescription,
+                                                    active: 'fixed' === effectiveMode,
+                                                    onClick: ()=>onModeChange?.('fixed')
+                                                }),
+                                                /*#__PURE__*/ jsx(ModeMenuItem, {
+                                                    icon: Code2,
+                                                    label: "Expression",
+                                                    description: "Use a JS expression",
+                                                    active: 'expression' === effectiveMode,
+                                                    onClick: ()=>onModeChange?.('expression')
+                                                })
+                                            ]
                                         })
                                     ]
+                                }),
+                                hasMoreActions && more && /*#__PURE__*/ jsx(MoreActionsMenu, {
+                                    more: more,
+                                    locked: locked
                                 })
                             ]
                         })
                     })
                 ]
-            }) : /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center gap-2",
+            }) : /*#__PURE__*/ jsxs(InputGroup, {
+                error: error,
+                errorId: validationId,
                 children: [
-                    void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ jsx(LockToggleButton, {
-                        locked: locked,
-                        onLockedChange: onLockedChange
+                    (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
+                        align: "inline-start",
+                        children: void 0 !== leadingAddon ? leadingAddon : showLock && /*#__PURE__*/ jsx(LockToggleButton, {
+                            locked: locked,
+                            onLockedChange: onLockedChange
+                        })
                     }),
-                    locked ? /*#__PURE__*/ jsx(Input, {
+                    locked ? /*#__PURE__*/ jsx(InputGroupInput, {
                         id: fieldId,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0,
                         readOnly: true,
                         value: lockedDisplayValue,
                         placeholder: fieldLabel,
-                        className: "flex-1",
+                        className: "min-w-0",
                         onBlur: onValueBlur
                     }) : 'single-select' === fieldType ? /*#__PURE__*/ jsxs(Select, {
                         open: selectOpen,
@@ -221,7 +269,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         children: [
                             /*#__PURE__*/ jsx(SelectTrigger, {
                                 id: fieldId,
-                                className: "flex-1",
+                                className: "min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 shadow-none future:rounded-none future:border-0 future:bg-transparent future:px-0",
                                 "aria-invalid": error ? true : void 0,
                                 "aria-describedby": error ? validationId : void 0,
                                 "aria-errormessage": error ? validationId : void 0,
@@ -238,7 +286,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         ]
                     }) : 'multi-select' === fieldType ? /*#__PURE__*/ jsx(MultiSelect, {
                         id: fieldId,
-                        className: "flex-1",
+                        className: "min-w-0 flex-1",
                         options: options,
                         selected: parseListValue(value),
                         onChange: (selected)=>onValueChange?.(JSON.stringify(selected)),
@@ -248,15 +296,17 @@ 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
-                    }) : null
+                    }) : null,
+                    hasMoreActions && more && /*#__PURE__*/ jsx(InputGroupAddon, {
+                        align: "inline-end",
+                        className: "cursor-default",
+                        children: /*#__PURE__*/ jsx(MoreActionsMenu, {
+                            more: more,
+                            locked: locked
+                        })
+                    })
                 ]
             }),
-            !typeMeta.supportsExpression && /*#__PURE__*/ jsx(FormFieldError, {
-                id: validationId,
-                "data-slot": "lockable-value-field-error",
-                className: "mt-1",
-                children: error
-            }),
             belowValue
         ]
     });

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

@@ -15,6 +15,10 @@ export interface LockableValueFieldOption {
     label: string;
     value: string;
 }
+export interface LockableValueFieldMoreActions {
+    onClear?: () => void;
+    onRefresh?: () => void;
+}
 export interface LockableValueFieldProps {
     /** Current field value. Encoding depends on fieldType (e.g. multi-select is a JSON array string). */
     value?: string;
@@ -26,6 +30,8 @@ export interface LockableValueFieldProps {
     locked?: boolean;
     /** Called when the user toggles the lock. */
     onLockedChange?: (locked: boolean) => void;
+    /** Whether the built-in lock control renders. Defaults to true. */
+    showLock?: boolean;
     /**
      * Replaces the leading lock toggle with a semantic prefix such as `=`.
      * Pass `null` to suppress the built-in toggle; omitting the prop preserves it.
@@ -37,6 +43,8 @@ export interface LockableValueFieldProps {
      * menu; omitting the prop preserves it.
      */
     trailingAddon?: ReactNode;
+    /** Adds a field-level overflow menu beside the value control. */
+    more?: LockableValueFieldMoreActions;
     /** Fixed value vs. JS expression. Defaults to 'fixed'. Ignored for types that don't support expressions. */
     mode?: LockableValueFieldMode;
     /** Called when the user switches modes. */
@@ -84,6 +92,8 @@ export interface LockableValueFieldProps {
     controlsVisibility?: 'visible' | 'hover';
     /** Whether the AI-assist and Insert-variable actions render at all. Set to false for read-only reviewer contexts where field configuration isn't editable. Defaults to true. */
     showFieldActions?: boolean;
+    /** Whether the Generate with AI action renders. Defaults to true. */
+    showAiAssist?: boolean;
     /** Options for 'single-select' / 'multi-select' field types. Defaults to a small set of demo options. */
     options?: LockableValueFieldOption[];
     /** Called with the entered prompt when the user clicks Generate in the AI-assist popover. */

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export type { InputProps } from './components/ui/input';
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, } from './components/ui/input-group';
 export type { InputGroupProps, InputGroupAddonProps, InputGroupButtonProps, InputGroupTextProps, InputGroupInputProps, InputGroupTextareaProps, } from './components/ui/input-group';
 export { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField, } from './components/ui/lockable-value-field';
-export type { LockableValueFieldProps, LockableValueFieldMode, LockableFieldType, LockableValueFieldOption, } from './components/ui/lockable-value-field';
+export type { LockableValueFieldProps, LockableValueFieldMode, LockableFieldType, LockableValueFieldOption, LockableValueFieldMoreActions, } from './components/ui/lockable-value-field';
 export { Textarea } from './components/ui/textarea';
 export type { TextareaProps } from './components/ui/textarea';
 export { Label, RequiredIndicator } from './components/ui/label';

package/dist/styles.css

@@ -1205,6 +1205,9 @@
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
+  .min-h-24 {
+    min-height: calc(var(--spacing) * 24);
+  }
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
@@ -4742,6 +4745,11 @@
       border-left-width: 1px;
     }
   }
+  .read-only\:cursor-default {
+    &:read-only {
+      cursor: default;
+    }
+  }
   .focus-within\:border-border-hover {
     &:focus-within {
       border-color: var(--border-hover);
@@ -5149,6 +5157,13 @@
       }
     }
   }
+  .hover\:text-brand-hover {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--brand-hover);
+      }
+    }
+  }
   .hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -5291,6 +5306,11 @@
       color: var(--destructive);
     }
   }
+  .focus\:text-error {
+    &:focus {
+      color: var(--error);
+    }
+  }
   .focus\:text-foreground {
     &:focus {
       color: var(--foreground);
@@ -6287,6 +6307,11 @@
       padding: calc(var(--spacing) * 0);
     }
   }
+  .future\:px-0 {
+    :is(.future-dark, .future-light) & {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
   .future\:px-4 {
     :is(.future-dark, .future-light) & {
       padding-inline: calc(var(--spacing) * 4);
@@ -6314,6 +6339,11 @@
       font-weight: var(--font-weight-normal);
     }
   }
+  .future\:text-brand {
+    :is(.future-dark, .future-light) & {
+      color: var(--brand);
+    }
+  }
   .future\:text-foreground {
     :is(.future-dark, .future-light) & {
       color: var(--foreground);
@@ -6410,6 +6440,15 @@
       }
     }
   }
+  .future\:hover\:text-brand-hover {
+    :is(.future-dark, .future-light) & {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--brand-hover);
+        }
+      }
+    }
+  }
   .future\:hover\:text-foreground {
     :is(.future-dark, .future-light) & {
       &:hover {

package/package.json

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