@uipath/apollo-wind 2.52.2 → 2.53.0

package/dist/components/ui/select.js

@@ -1,10 +1,11 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import { forwardRef } from "react";
+import { forwardRef, useId } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
+import { FormFieldError } from "./form-field.js";
 const Select = (props)=>/*#__PURE__*/ jsx(Root, {
         "data-slot": "select",
         ...props
@@ -22,21 +23,41 @@ const SelectValue = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Val
         ...props
     }));
 SelectValue.displayName = Value.displayName;
-const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
-        ref: ref,
-        "data-slot": "select-trigger",
-        className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
-        ...props,
+const SelectTrigger = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, children, error, errorId, id, ...props }, ref)=>{
+    const generatedId = useId();
+    const validationId = errorId ?? `${id ?? `select-${generatedId.replace(/:/g, '')}`}-error`;
+    const describedBy = [
+        ariaDescribedBy,
+        error ? validationId : void 0
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            children,
-            /*#__PURE__*/ jsx(Icon, {
-                asChild: true,
-                children: /*#__PURE__*/ jsx(ChevronDown, {
-                    className: "h-4 w-4 opacity-50"
-                })
+            /*#__PURE__*/ jsxs(Trigger, {
+                ref: ref,
+                id: id,
+                "data-slot": "select-trigger",
+                "aria-describedby": describedBy || void 0,
+                "aria-errormessage": error ? validationId : ariaErrorMessage,
+                "aria-invalid": error ? true : ariaInvalid,
+                className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ jsx(Icon, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(ChevronDown, {
+                            className: "h-4 w-4 opacity-50"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                id: validationId,
+                children: error
             })
         ]
-    }));
+    });
+});
 SelectTrigger.displayName = Trigger.displayName;
 const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollUpButton, {
         ref: ref,

package/dist/components/ui/slider.cjs

@@ -30,7 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_slider_namespaceObject = require("@radix-ui/react-slider");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Slider = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, defaultValue, value, ...props }, ref)=>{
+const Slider = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, defaultValue, value, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-labelledby': ariaLabelledBy, ...props }, ref)=>{
     const thumbCount = value?.length ?? defaultValue?.length ?? 1;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_slider_namespaceObject.Root, {
         ref: ref,
@@ -49,7 +49,12 @@ const Slider = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
             Array.from({
                 length: thumbCount
             }).map((_, i)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Thumb, {
-                    className: "block h-5 w-5 cursor-pointer rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+                    "aria-label": ariaLabel,
+                    "aria-invalid": ariaInvalid,
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-errormessage": ariaErrorMessage,
+                    "aria-labelledby": ariaLabelledBy,
+                    className: "block h-5 w-5 cursor-pointer rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error"
                 }, i))
         ]
     });

package/dist/components/ui/slider.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Range, Root, Thumb, Track } from "@radix-ui/react-slider";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const Slider = /*#__PURE__*/ forwardRef(({ className, defaultValue, value, ...props }, ref)=>{
+const Slider = /*#__PURE__*/ forwardRef(({ className, defaultValue, value, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-labelledby': ariaLabelledBy, ...props }, ref)=>{
     const thumbCount = value?.length ?? defaultValue?.length ?? 1;
     return /*#__PURE__*/ jsxs(Root, {
         ref: ref,
@@ -21,7 +21,12 @@ const Slider = /*#__PURE__*/ forwardRef(({ className, defaultValue, value, ...pr
             Array.from({
                 length: thumbCount
             }).map((_, i)=>/*#__PURE__*/ jsx(Thumb, {
-                    className: "block h-5 w-5 cursor-pointer rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+                    "aria-label": ariaLabel,
+                    "aria-invalid": ariaInvalid,
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-errormessage": ariaErrorMessage,
+                    "aria-labelledby": ariaLabelledBy,
+                    className: "block h-5 w-5 cursor-pointer rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-error aria-invalid:focus-visible:ring-error"
                 }, i))
         ]
     });

package/dist/components/ui/switch.cjs

@@ -32,7 +32,7 @@ const react_switch_namespaceObject = require("@radix-ui/react-switch");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const switchVariants = (0, external_class_variance_authority_namespaceObject.cva)('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border', {
+const switchVariants = (0, external_class_variance_authority_namespaceObject.cva)('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border aria-invalid:border-error aria-invalid:focus-visible:ring-error', {
     variants: {
         size: {
             default: 'h-6 w-11',

package/dist/components/ui/switch.js

@@ -3,7 +3,7 @@ import { Root, Thumb } from "@radix-ui/react-switch";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const switchVariants = cva('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border', {
+const switchVariants = cva('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border aria-invalid:border-error aria-invalid:focus-visible:ring-error', {
     variants: {
         size: {
             default: 'h-6 w-11',

package/dist/components/ui/textarea.cjs

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_form_field_cjs_namespaceObject = require("./form-field.cjs");
 function normalizeRows(value) {
     if (void 0 === value || !Number.isFinite(value)) return;
     return Math.max(1, Math.floor(value));
@@ -49,7 +50,13 @@ function cssLength(value) {
     if (null == value) return '';
     return 'number' == typeof value ? `${value}px` : String(value);
 }
-const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, minRows, maxRows, onChange, style, ...props }, ref)=>{
+const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, error, errorId, id, minRows, maxRows, onChange, style, ...props }, ref)=>{
+    const generatedId = external_react_namespaceObject.useId();
+    const validationId = errorId ?? `${id ?? `textarea-${generatedId.replace(/:/g, '')}`}-error`;
+    const describedBy = [
+        ariaDescribedBy,
+        error ? validationId : void 0
+    ].filter(Boolean).join(' ');
     const { effMinRows, effMaxRows } = external_react_namespaceObject.useMemo(()=>{
         const nMin = normalizeRows(minRows);
         const nMax = normalizeRows(maxRows);
@@ -147,16 +154,28 @@ const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ clas
         effMaxRows,
         resize
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
-        "data-slot": "textarea",
-        className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
-        ref: setRef,
-        style: style,
-        onChange: (event)=>{
-            onChange?.(event);
-            resize();
-        },
-        ...props
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+                "data-slot": "textarea",
+                id: id,
+                "aria-describedby": describedBy || void 0,
+                "aria-errormessage": error ? validationId : ariaErrorMessage,
+                "aria-invalid": error ? true : ariaInvalid,
+                className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
+                ref: setRef,
+                style: style,
+                onChange: (event)=>{
+                    onChange?.(event);
+                    resize();
+                },
+                ...props
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
+                id: validationId,
+                children: error
+            })
+        ]
     });
 });
 Textarea.displayName = 'Textarea';

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

@@ -9,6 +9,13 @@ export type TextareaProps = React.ComponentProps<'textarea'> & {
      * up to `maxRows`, then scrolls.
      */
     maxRows?: number;
+    /**
+     * Field-specific feedback rendered immediately below the textarea.
+     * Keep the message focused on what went wrong and how to resolve it.
+     */
+    error?: React.ReactNode;
+    /** Optional id for the inline validation message. */
+    errorId?: string;
 };
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/ui/textarea.js

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useId, useLayoutEffect, useMemo, useRef } from "react";
 import { cn } from "../../lib/index.js";
+import { FormFieldError } from "./form-field.js";
 function normalizeRows(value) {
     if (void 0 === value || !Number.isFinite(value)) return;
     return Math.max(1, Math.floor(value));
@@ -21,7 +22,13 @@ function cssLength(value) {
     if (null == value) return '';
     return 'number' == typeof value ? `${value}px` : String(value);
 }
-const Textarea = /*#__PURE__*/ forwardRef(({ className, minRows, maxRows, onChange, style, ...props }, ref)=>{
+const Textarea = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, error, errorId, id, minRows, maxRows, onChange, style, ...props }, ref)=>{
+    const generatedId = useId();
+    const validationId = errorId ?? `${id ?? `textarea-${generatedId.replace(/:/g, '')}`}-error`;
+    const describedBy = [
+        ariaDescribedBy,
+        error ? validationId : void 0
+    ].filter(Boolean).join(' ');
     const { effMinRows, effMaxRows } = useMemo(()=>{
         const nMin = normalizeRows(minRows);
         const nMax = normalizeRows(maxRows);
@@ -119,16 +126,28 @@ const Textarea = /*#__PURE__*/ forwardRef(({ className, minRows, maxRows, onChan
         effMaxRows,
         resize
     ]);
-    return /*#__PURE__*/ jsx("textarea", {
-        "data-slot": "textarea",
-        className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
-        ref: setRef,
-        style: style,
-        onChange: (event)=>{
-            onChange?.(event);
-            resize();
-        },
-        ...props
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("textarea", {
+                "data-slot": "textarea",
+                id: id,
+                "aria-describedby": describedBy || void 0,
+                "aria-errormessage": error ? validationId : ariaErrorMessage,
+                "aria-invalid": error ? true : ariaInvalid,
+                className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
+                ref: setRef,
+                style: style,
+                onChange: (event)=>{
+                    onChange?.(event);
+                    resize();
+                },
+                ...props
+            }),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                id: validationId,
+                children: error
+            })
+        ]
     });
 });
 Textarea.displayName = 'Textarea';

package/dist/index.cjs

@@ -201,8 +201,9 @@ __webpack_require__.d(__webpack_exports__, {
     DropdownMenuContent: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuContent,
     LockableValueField: ()=>index_cjs_namespaceObject.LockableValueField,
     Separator: ()=>separator_cjs_namespaceObject.Separator,
-    Pagination: ()=>pagination_cjs_namespaceObject.Pagination,
+    DateRangePicker: ()=>date_picker_cjs_namespaceObject.DateRangePicker,
     ContextMenuContent: ()=>context_menu_cjs_namespaceObject.ContextMenuContent,
+    Pagination: ()=>pagination_cjs_namespaceObject.Pagination,
     useWatch: ()=>metadata_form_cjs_namespaceObject.useWatch,
     ChartTooltip: ()=>chart_cjs_namespaceObject.ChartTooltip,
     FormFieldRenderer: ()=>field_renderer_cjs_namespaceObject.FormFieldRenderer,
@@ -481,6 +482,7 @@ exports.DataTableColumnHeader = __webpack_exports__.DataTableColumnHeader;
 exports.DataTableSelectColumn = __webpack_exports__.DataTableSelectColumn;
 exports.DataTransformers = __webpack_exports__.DataTransformers;
 exports.DatePicker = __webpack_exports__.DatePicker;
+exports.DateRangePicker = __webpack_exports__.DateRangePicker;
 exports.DateTimePicker = __webpack_exports__.DateTimePicker;
 exports.Dialog = __webpack_exports__.Dialog;
 exports.DialogClose = __webpack_exports__.DialogClose;
@@ -768,6 +770,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DataTableSelectColumn",
     "DataTransformers",
     "DatePicker",
+    "DateRangePicker",
     "DateTimePicker",
     "Dialog",
     "DialogClose",

package/dist/index.d.ts

@@ -29,12 +29,14 @@ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartToolt
 export type { CheckboxProps } from './components/ui/checkbox';
 export { Checkbox } from './components/ui/checkbox';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './components/ui/collapsible';
+export type { ComboboxItem, ComboboxProps } from './components/ui/combobox';
 export { Combobox } from './components/ui/combobox';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from './components/ui/command';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from './components/ui/context-menu';
 export type { DataTableProps } from './components/ui/data-table';
 export { DataTable, DataTableColumnHeader, DataTableSelectColumn, } from './components/ui/data-table';
-export { DatePicker } from './components/ui/date-picker';
+export type { DatePickerProps, DateRangePickerProps } from './components/ui/date-picker';
+export { DatePicker, DateRangePicker } from './components/ui/date-picker';
 export type { DateTimePickerProps } from './components/ui/datetime-picker';
 export { DateTimePicker } from './components/ui/datetime-picker';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, } from './components/ui/dialog';
@@ -44,6 +46,7 @@ export type { EditableCellMeta, EditableCellType, } from './components/ui/editab
 export { createEditableColumn, EditableCell, } from './components/ui/editable-cell';
 export type { EmptyStateProps } from './components/ui/empty-state';
 export { EmptyState } from './components/ui/empty-state';
+export type { FileUploadProps } from './components/ui/file-upload';
 export { FileUpload } from './components/ui/file-upload';
 export type { FormFieldDescriptionProps, FormFieldErrorProps, FormFieldLabelProps, FormFieldProps, } from './components/ui/form-field';
 export { FormField, FormFieldDescription, FormFieldError, FormFieldLabel, } from './components/ui/form-field';
@@ -78,6 +81,7 @@ export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from './compone
 export { ScrollArea, ScrollBar } from './components/ui/scroll-area';
 export type { SearchProps, SearchWithSuggestionsProps, } from './components/ui/search';
 export { Search, SearchWithSuggestions } from './components/ui/search';
+export type { SelectTriggerProps } from './components/ui/select';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/ui/select';
 export { Separator } from './components/ui/separator';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from './components/ui/sheet';

package/dist/index.js

@@ -25,7 +25,7 @@ import { Combobox } from "./components/ui/combobox.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
 import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.js";
 import { DataTable, DataTableColumnHeader, DataTableSelectColumn } from "./components/ui/data-table.js";
-import { DatePicker } from "./components/ui/date-picker.js";
+import { DatePicker, DateRangePicker } from "./components/ui/date-picker.js";
 import { DateTimePicker } from "./components/ui/datetime-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger } from "./components/ui/dialog.js";
 import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
@@ -72,4 +72,4 @@ import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger
 import tree_view from "./components/ui/tree-view.js";
 import { VariablePicker, VariablePickerContent } from "./components/ui/variable-picker/index.js";
 import { cn } from "./lib/utils.js";
-export { $insertTokenAtCursor, 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, DEFAULT_PROMPT_EDITOR_STRINGS, 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, FormField, FormFieldDescription, FormFieldError, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputTokenNode, Label, LockableValueField, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceTokenNode, 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, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, VariablePicker, VariablePickerContent, WORD_JOINER, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, isCustomField, isFileField, isPromptTokenNode, normalizeRichTextTokens, normalizeVariablePath, setEditorTokens, spinnerVariants, toast, toggleVariants, useWatch, validationPlugin, workflowPlugin };
+export { $insertTokenAtCursor, 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, DEFAULT_PROMPT_EDITOR_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, 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, FormField, FormFieldDescription, FormFieldError, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputTokenNode, Label, LockableValueField, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceTokenNode, 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, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, VariablePicker, VariablePickerContent, WORD_JOINER, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, isCustomField, isFileField, isPromptTokenNode, normalizeRichTextTokens, normalizeVariablePath, setEditorTokens, spinnerVariants, toast, toggleVariants, useWatch, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -805,6 +805,9 @@
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -4572,6 +4575,11 @@
       opacity: 50%;
     }
   }
+  .group-aria-invalid\/radio-group\:border-error {
+    &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
+      border-color: var(--error);
+    }
+  }
   .group-data-\[focused\=true\]\/day\:relative {
     &:is(:where(.group\/day)[data-focused="true"] *) {
       position: relative;
@@ -5499,6 +5507,13 @@
       --tw-ring-inset: inset;
     }
   }
+  .group-aria-invalid\/radio-group\:focus-visible\:ring-error {
+    &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
+      &:focus-visible {
+        --tw-ring-color: var(--error);
+      }
+    }
+  }
   .active\:scale-95 {
     &:active {
       --tw-scale-x: 95%;
@@ -6440,6 +6455,13 @@
       }
     }
   }
+  .future\:group-aria-invalid\/radio-group\:border-error {
+    :is(.future-dark, .future-light) & {
+      &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
+        border-color: var(--error);
+      }
+    }
+  }
   .future\:placeholder\:font-normal {
     :is(.future-dark, .future-light) & {
       &::placeholder {
@@ -6515,6 +6537,17 @@
       }
     }
   }
+  .future\:group-aria-invalid\/radio-group\:hover\:border-error {
+    :is(.future-dark, .future-light) & {
+      &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
+        &:hover {
+          @media (hover: hover) {
+            border-color: var(--error);
+          }
+        }
+      }
+    }
+  }
   .future\:focus-visible\:ring-0 {
     :is(.future-dark, .future-light) & {
       &:focus-visible {
@@ -6579,6 +6612,13 @@
       }
     }
   }
+  .future\:aria-invalid\:border-error {
+    :is(.future-dark, .future-light) & {
+      &[aria-invalid="true"] {
+        border-color: var(--error);
+      }
+    }
+  }
   .future\:aria-invalid\:ring-1 {
     :is(.future-dark, .future-light) & {
       &[aria-invalid="true"] {
@@ -6597,6 +6637,17 @@
       }
     }
   }
+  .future\:aria-invalid\:hover\:border-error {
+    :is(.future-dark, .future-light) & {
+      &[aria-invalid="true"] {
+        &:hover {
+          @media (hover: hover) {
+            border-color: var(--error);
+          }
+        }
+      }
+    }
+  }
   .future\:data-\[state\=checked\]\:border-foreground-accent {
     :is(.future-dark, .future-light) & {
       &[data-state="checked"] {
@@ -6625,6 +6676,24 @@
       }
     }
   }
+  .future\:group-aria-invalid\/radio-group\:data-\[state\=checked\]\:border-error {
+    :is(.future-dark, .future-light) & {
+      &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
+        &[data-state="checked"] {
+          border-color: var(--error);
+        }
+      }
+    }
+  }
+  .future\:aria-invalid\:data-\[state\=checked\]\:border-error {
+    :is(.future-dark, .future-light) & {
+      &[aria-invalid="true"] {
+        &[data-state="checked"] {
+          border-color: var(--error);
+        }
+      }
+    }
+  }
   .future\:data-\[state\=on\]\:text-foreground {
     :is(.future-dark, .future-light) & {
       &[data-state="on"] {
@@ -6903,6 +6972,11 @@
       justify-content: center;
     }
   }
+  .\[\&\>\[data-slot\=form-field-error\]\]\:mt-0 {
+    &>[data-slot=form-field-error] {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .\[\&\>button\]\:rounded-none {
     &>button {
       border-radius: 0;

package/package.json

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