@uipath/apollo-wind 2.52.3 → 2.53.1

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/components/ui/tooltip.cjs

@@ -59,7 +59,7 @@ const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
         ref: ref,
         "data-slot": "tooltip-content",
         sideOffset: sideOffset,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
+        className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border bg-accent px-3 py-1.5 text-xs text-accent-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
         ...props
     }));
 TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;

package/dist/components/ui/tooltip.js

@@ -27,7 +27,7 @@ const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ..
         ref: ref,
         "data-slot": "tooltip-content",
         sideOffset: sideOffset,
-        className: cn('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
+        className: cn('z-50 overflow-hidden rounded-md border border-border bg-accent px-3 py-1.5 text-xs text-accent-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
         ...props
     }));
 TooltipContent.displayName = Content.displayName;

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);
   }
@@ -1704,6 +1707,9 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .\!animate-none {
+    animation: none !important;
+  }
   .animate-none {
     animation: none;
   }
@@ -1990,6 +1996,9 @@
       margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
@@ -2026,6 +2035,9 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .gap-y-14 {
+    row-gap: calc(var(--spacing) * 14);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -2233,6 +2245,12 @@
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
+  .border-accent-foreground\/20 {
+    border-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--accent-foreground) 20%, transparent);
+    }
+  }
   .border-border {
     border-color: var(--ap-wind-border);
   }
@@ -2311,12 +2329,6 @@
       border-color: color-mix(in oklab, var(--error) 50%, transparent);
     }
   }
-  .border-foreground-inverse\/20 {
-    border-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--foreground-inverse) 20%, transparent);
-    }
-  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -2491,6 +2503,18 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-foreground\/10 {
+    background-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent);
+    }
+  }
+  .bg-accent-foreground\/15 {
+    background-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent-foreground) 15%, transparent);
+    }
+  }
   .bg-accent\/50 {
     background-color: var(--accent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2740,18 +2764,6 @@
   .bg-foreground-accent {
     background-color: var(--foreground-accent);
   }
-  .bg-foreground-inverse\/10 {
-    background-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--foreground-inverse) 10%, transparent);
-    }
-  }
-  .bg-foreground-inverse\/15 {
-    background-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--foreground-inverse) 15%, transparent);
-    }
-  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
@@ -3997,6 +4009,12 @@
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
+  .text-accent-foreground\/70 {
+    color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--accent-foreground) 70%, transparent);
+    }
+  }
   .text-amber-500 {
     color: var(--color-amber-500);
   }
@@ -4060,12 +4078,6 @@
   .text-foreground-inverse {
     color: var(--foreground-inverse);
   }
-  .text-foreground-inverse\/70 {
-    color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--foreground-inverse) 70%, transparent);
-    }
-  }
   .text-foreground-link {
     color: var(--foreground-link);
   }
@@ -4572,6 +4584,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 +5516,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%;
@@ -6138,6 +6162,11 @@
       border-left-width: 1px;
     }
   }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
   .sm\:px-8 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 8);
@@ -6440,6 +6469,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 +6551,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 +6626,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 +6651,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 +6690,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 +6986,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.3",
+  "version": "2.53.1",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",