@uipath/apollo-wind 2.52.2 → 2.53.0

package/dist/components/ui/multi-select.js

@@ -1,14 +1,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown, X } from "lucide-react";
-import { forwardRef, useState } from "react";
+import { forwardRef, useId, useState } from "react";
 import { Badge } from "./badge.js";
 import { Button } from "./button.js";
 import { Checkbox } from "./checkbox.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
-const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, onBlur, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref)=>{
+import { FormFieldError } from "./form-field.js";
+const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref)=>{
     const [open, setOpen] = useState(false);
+    const generatedId = useId();
+    const validationId = errorId ?? `${id ?? `multi-select-${generatedId.replace(/:/g, '')}`}-error`;
+    const describedBy = [
+        ariaDescribedBy,
+        error ? validationId : void 0
+    ].filter(Boolean).join(' ');
     const handleUnselect = (value)=>{
         onChange(selected.filter((s)=>s !== value));
     };
@@ -25,129 +32,135 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange,
     const handleClearAll = ()=>{
         onChange([]);
     };
-    return /*#__PURE__*/ jsx("div", {
+    return /*#__PURE__*/ jsxs("div", {
         ref: ref,
         "data-slot": "multi-select",
         className: cn('relative', className),
-        children: /*#__PURE__*/ jsxs(Popover, {
-            open: open,
-            onOpenChange: (nextOpen)=>{
-                setOpen(nextOpen);
-                if (!nextOpen && open) onBlur?.();
-            },
-            children: [
-                /*#__PURE__*/ jsx(PopoverTrigger, {
-                    asChild: true,
-                    children: /*#__PURE__*/ jsxs(Button, {
-                        id: id,
-                        variant: "outline",
-                        role: "combobox",
-                        "aria-expanded": open,
-                        "aria-invalid": ariaInvalid,
-                        "aria-describedby": ariaDescribedBy,
-                        "aria-errormessage": ariaErrorMessage,
-                        "aria-label": id ? void 0 : selected.length > 0 ? `${selected.length} ${1 === selected.length ? 'item' : 'items'} selected` : placeholder,
-                        className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:hover:bg-surface-hover future:font-normal future:text-foreground future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
-                        disabled: disabled,
+        children: [
+            /*#__PURE__*/ jsxs(Popover, {
+                open: open,
+                onOpenChange: (nextOpen)=>{
+                    setOpen(nextOpen);
+                    if (!nextOpen && open) onBlur?.();
+                },
+                children: [
+                    /*#__PURE__*/ jsx(PopoverTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsxs(Button, {
+                            id: id,
+                            variant: "outline",
+                            role: "combobox",
+                            "aria-expanded": open,
+                            "aria-invalid": error ? true : ariaInvalid,
+                            "aria-describedby": describedBy || void 0,
+                            "aria-errormessage": error ? validationId : ariaErrorMessage,
+                            "aria-label": id ? void 0 : selected.length > 0 ? `${selected.length} ${1 === selected.length ? 'item' : 'items'} selected` : placeholder,
+                            className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:hover:bg-surface-hover future:font-normal future:text-foreground future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
+                            disabled: disabled,
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "flex flex-wrap gap-1 flex-1",
+                                    children: 0 === selected.length ? /*#__PURE__*/ jsx("span", {
+                                        className: "text-foreground-muted",
+                                        children: placeholder
+                                    }) : selected.map((value)=>{
+                                        const option = options.find((opt)=>opt.value === value);
+                                        return /*#__PURE__*/ jsxs(Badge, {
+                                            variant: "secondary",
+                                            className: "mr-1 future:bg-surface-raised future:hover:bg-surface-raised",
+                                            onClick: (e)=>{
+                                                e.stopPropagation();
+                                                handleUnselect(value);
+                                            },
+                                            children: [
+                                                option?.label,
+                                                /*#__PURE__*/ jsx("button", {
+                                                    type: "button",
+                                                    "aria-label": `Remove ${option?.label}`,
+                                                    className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer bg-transparent border-0 p-0 inline-flex items-center",
+                                                    onMouseDown: (e)=>{
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                    },
+                                                    onClick: (e)=>{
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                        handleUnselect(value);
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(X, {
+                                                        className: "h-3 w-3 text-muted-foreground hover:text-foreground"
+                                                    })
+                                                })
+                                            ]
+                                        }, value);
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ChevronsUpDown, {
+                                    className: "h-4 w-4 shrink-0 opacity-50"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(PopoverContent, {
+                        className: "w-[--radix-popover-trigger-width] p-0",
+                        align: "start",
                         children: [
-                            /*#__PURE__*/ jsx("div", {
-                                className: "flex flex-wrap gap-1 flex-1",
-                                children: 0 === selected.length ? /*#__PURE__*/ jsx("span", {
-                                    className: "text-foreground-muted",
-                                    children: placeholder
-                                }) : selected.map((value)=>{
-                                    const option = options.find((opt)=>opt.value === value);
-                                    return /*#__PURE__*/ jsxs(Badge, {
-                                        variant: "secondary",
-                                        className: "mr-1 future:bg-surface-raised future:hover:bg-surface-raised",
-                                        onClick: (e)=>{
-                                            e.stopPropagation();
-                                            handleUnselect(value);
-                                        },
+                            /*#__PURE__*/ jsxs(Command, {
+                                children: [
+                                    /*#__PURE__*/ jsx(CommandInput, {
+                                        placeholder: searchPlaceholder
+                                    }),
+                                    /*#__PURE__*/ jsxs(CommandList, {
                                         children: [
-                                            option?.label,
-                                            /*#__PURE__*/ jsx("button", {
-                                                type: "button",
-                                                "aria-label": `Remove ${option?.label}`,
-                                                className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer bg-transparent border-0 p-0 inline-flex items-center",
-                                                onMouseDown: (e)=>{
-                                                    e.preventDefault();
-                                                    e.stopPropagation();
-                                                },
-                                                onClick: (e)=>{
-                                                    e.preventDefault();
-                                                    e.stopPropagation();
-                                                    handleUnselect(value);
-                                                },
-                                                children: /*#__PURE__*/ jsx(X, {
-                                                    className: "h-3 w-3 text-muted-foreground hover:text-foreground"
+                                            /*#__PURE__*/ jsx(CommandEmpty, {
+                                                children: emptyMessage
+                                            }),
+                                            /*#__PURE__*/ jsx(CommandGroup, {
+                                                children: options.map((option)=>{
+                                                    const isSelected = selected.includes(option.value);
+                                                    const isDisabled = void 0 !== maxSelected && selected.length >= maxSelected && !isSelected;
+                                                    return /*#__PURE__*/ jsxs(CommandItem, {
+                                                        onSelect: ()=>{
+                                                            if (!isDisabled) handleSelect(option.value);
+                                                        },
+                                                        disabled: isDisabled,
+                                                        className: cn('group', isDisabled && 'opacity-50 cursor-not-allowed'),
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(Checkbox, {
+                                                                checked: isSelected,
+                                                                className: "mr-2 pointer-events-none group-hover:border-muted-foreground",
+                                                                tabIndex: -1
+                                                            }),
+                                                            /*#__PURE__*/ jsx("span", {
+                                                                children: option.label
+                                                            })
+                                                        ]
+                                                    }, option.value);
                                                 })
                                             })
                                         ]
-                                    }, value);
-                                })
+                                    })
+                                ]
                             }),
-                            /*#__PURE__*/ jsx(ChevronsUpDown, {
-                                className: "h-4 w-4 shrink-0 opacity-50"
+                            selected.length > 0 && /*#__PURE__*/ jsx("div", {
+                                className: "border-t p-2",
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    className: "w-full",
+                                    onClick: handleClearAll,
+                                    children: 'function' == typeof clearAllText ? clearAllText(selected.length) : clearAllText || `Clear all (${selected.length})`
+                                })
                             })
                         ]
                     })
-                }),
-                /*#__PURE__*/ jsxs(PopoverContent, {
-                    className: "w-[--radix-popover-trigger-width] p-0",
-                    align: "start",
-                    children: [
-                        /*#__PURE__*/ jsxs(Command, {
-                            children: [
-                                /*#__PURE__*/ jsx(CommandInput, {
-                                    placeholder: searchPlaceholder
-                                }),
-                                /*#__PURE__*/ jsxs(CommandList, {
-                                    children: [
-                                        /*#__PURE__*/ jsx(CommandEmpty, {
-                                            children: emptyMessage
-                                        }),
-                                        /*#__PURE__*/ jsx(CommandGroup, {
-                                            children: options.map((option)=>{
-                                                const isSelected = selected.includes(option.value);
-                                                const isDisabled = void 0 !== maxSelected && selected.length >= maxSelected && !isSelected;
-                                                return /*#__PURE__*/ jsxs(CommandItem, {
-                                                    onSelect: ()=>{
-                                                        if (!isDisabled) handleSelect(option.value);
-                                                    },
-                                                    disabled: isDisabled,
-                                                    className: cn('group', isDisabled && 'opacity-50 cursor-not-allowed'),
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(Checkbox, {
-                                                            checked: isSelected,
-                                                            className: "mr-2 pointer-events-none group-hover:border-muted-foreground",
-                                                            tabIndex: -1
-                                                        }),
-                                                        /*#__PURE__*/ jsx("span", {
-                                                            children: option.label
-                                                        })
-                                                    ]
-                                                }, option.value);
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        selected.length > 0 && /*#__PURE__*/ jsx("div", {
-                            className: "border-t p-2",
-                            children: /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "sm",
-                                className: "w-full",
-                                onClick: handleClearAll,
-                                children: 'function' == typeof clearAllText ? clearAllText(selected.length) : clearAllText || `Clear all (${selected.length})`
-                            })
-                        })
-                    ]
-                })
-            ]
-        })
+                ]
+            }),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                id: validationId,
+                children: error
+            })
+        ]
     });
 });
 MultiSelect.displayName = 'MultiSelect';

package/dist/components/ui/prompt-editor/plugins/ShortcutContainmentPlugin.cjs

@@ -0,0 +1,62 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ShortcutContainmentPlugin: ()=>ShortcutContainmentPlugin,
+    registerShortcutContainment: ()=>registerShortcutContainment
+});
+const LexicalComposerContext_namespaceObject = require("@lexical/react/LexicalComposerContext");
+const external_lexical_namespaceObject = require("lexical");
+const external_react_namespaceObject = require("react");
+const FORMATTING_KEYS = [
+    'b',
+    'i',
+    'u'
+];
+const IS_APPLE = "u" > typeof navigator && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+const CONTROL_OR_META = {
+    ctrlKey: !IS_APPLE,
+    metaKey: IS_APPLE
+};
+const registerShortcutContainment = (editor)=>editor.registerCommand(external_lexical_namespaceObject.KEY_DOWN_COMMAND, (event)=>{
+        if (FORMATTING_KEYS.some((key)=>(0, external_lexical_namespaceObject.isExactShortcutMatch)(event, key, CONTROL_OR_META))) event.stopPropagation();
+        return false;
+    }, external_lexical_namespaceObject.COMMAND_PRIORITY_NORMAL);
+const ShortcutContainmentPlugin = ()=>{
+    const [editor] = (0, LexicalComposerContext_namespaceObject.useLexicalComposerContext)();
+    (0, external_react_namespaceObject.useEffect)(()=>registerShortcutContainment(editor), [
+        editor
+    ]);
+    return null;
+};
+exports.ShortcutContainmentPlugin = __webpack_exports__.ShortcutContainmentPlugin;
+exports.registerShortcutContainment = __webpack_exports__.registerShortcutContainment;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ShortcutContainmentPlugin",
+    "registerShortcutContainment"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/prompt-editor/plugins/ShortcutContainmentPlugin.d.ts

@@ -0,0 +1,19 @@
+import { type LexicalEditor } from 'lexical';
+/**
+ * Keeps the formatting chords the editor consumes from reaching the host.
+ *
+ * Lexical's `$handleKeyDown` calls `preventDefault()` on Cmd/Ctrl+B / +I / +U and
+ * dispatches `FORMAT_TEXT_COMMAND`, but lets the event keep bubbling. A host that binds
+ * the same chord then acts on a keystroke the editor already ate: in a VS Code webview,
+ * bolding prompt-editor text also toggles the left sidebar, because VS Code forwards
+ * document-level keydown to its keybinding layer without consulting `defaultPrevented`.
+ *
+ * Only the chords we actually consume are swallowed. Cmd+A, Cmd+S, Cmd+V and friends
+ * still reach the host untouched.
+ *
+ * Registered at `COMMAND_PRIORITY_NORMAL`, above the `COMMAND_PRIORITY_EDITOR` slot
+ * Lexical's own handler occupies, and returns `false` so that handler still formats.
+ */
+export declare const registerShortcutContainment: (editor: LexicalEditor) => (() => void);
+/** Rich-mode only: the plain editor applies none of these formats, so its chords belong to the host. */
+export declare const ShortcutContainmentPlugin: () => null;

package/dist/components/ui/prompt-editor/plugins/ShortcutContainmentPlugin.js

@@ -0,0 +1,25 @@
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { COMMAND_PRIORITY_NORMAL, KEY_DOWN_COMMAND, isExactShortcutMatch } from "lexical";
+import { useEffect } from "react";
+const FORMATTING_KEYS = [
+    'b',
+    'i',
+    'u'
+];
+const IS_APPLE = "u" > typeof navigator && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+const CONTROL_OR_META = {
+    ctrlKey: !IS_APPLE,
+    metaKey: IS_APPLE
+};
+const registerShortcutContainment = (editor)=>editor.registerCommand(KEY_DOWN_COMMAND, (event)=>{
+        if (FORMATTING_KEYS.some((key)=>isExactShortcutMatch(event, key, CONTROL_OR_META))) event.stopPropagation();
+        return false;
+    }, COMMAND_PRIORITY_NORMAL);
+const ShortcutContainmentPlugin = ()=>{
+    const [editor] = useLexicalComposerContext();
+    useEffect(()=>registerShortcutContainment(editor), [
+        editor
+    ]);
+    return null;
+};
+export { ShortcutContainmentPlugin, registerShortcutContainment };

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

@@ -49,6 +49,7 @@ const EditorRefPlugin_cjs_namespaceObject = require("./plugins/EditorRefPlugin.c
 const MultilinePlugin_cjs_namespaceObject = require("./plugins/MultilinePlugin.cjs");
 const NodeSelectionFixPlugin_cjs_namespaceObject = require("./plugins/NodeSelectionFixPlugin.cjs");
 const RenameTokensPlugin_cjs_namespaceObject = require("./plugins/RenameTokensPlugin.cjs");
+const ShortcutContainmentPlugin_cjs_namespaceObject = require("./plugins/ShortcutContainmentPlugin.cjs");
 const ToolbarActionsPlugin_cjs_namespaceObject = require("./plugins/ToolbarActionsPlugin.cjs");
 const ValidateTokensPlugin_cjs_namespaceObject = require("./plugins/ValidateTokensPlugin.cjs");
 const ValueSyncPlugin_cjs_namespaceObject = require("./plugins/ValueSyncPlugin.cjs");
@@ -317,6 +318,7 @@ const EditorInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
             richText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LexicalListPlugin_namespaceObject.ListPlugin, {}),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ShortcutContainmentPlugin_cjs_namespaceObject.ShortcutContainmentPlugin, {}),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LexicalMarkdownShortcutPlugin_namespaceObject.MarkdownShortcutPlugin, {
                         transformers: rich_serialization_cjs_namespaceObject.PROMPT_EDITOR_RICH_TRANSFORMERS
                     })
@@ -527,8 +529,6 @@ const PromptEditor = ({ value: rawValue, initialValue: rawInitialValue, onChange
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
                         id: errorId,
-                        "data-slot": "prompt-editor-error",
-                        className: "mt-1",
                         children: error
                     })
                 ]

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

@@ -21,6 +21,7 @@ import { EditorRefPlugin } from "./plugins/EditorRefPlugin.js";
 import { MultilinePlugin } from "./plugins/MultilinePlugin.js";
 import { NodeSelectionFixPlugin } from "./plugins/NodeSelectionFixPlugin.js";
 import { RenameTokensPlugin } from "./plugins/RenameTokensPlugin.js";
+import { ShortcutContainmentPlugin } from "./plugins/ShortcutContainmentPlugin.js";
 import { ToolbarActionsPlugin } from "./plugins/ToolbarActionsPlugin.js";
 import { ValidateTokensPlugin } from "./plugins/ValidateTokensPlugin.js";
 import { ValueSyncPlugin } from "./plugins/ValueSyncPlugin.js";
@@ -289,6 +290,7 @@ const EditorInner = /*#__PURE__*/ forwardRef(({ initialValue, value, onChange, a
             richText && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(ListPlugin, {}),
+                    /*#__PURE__*/ jsx(ShortcutContainmentPlugin, {}),
                     /*#__PURE__*/ jsx(MarkdownShortcutPlugin, {
                         transformers: PROMPT_EDITOR_RICH_TRANSFORMERS
                     })
@@ -499,8 +501,6 @@ const PromptEditor = ({ value: rawValue, initialValue: rawInitialValue, onChange
                     }),
                     /*#__PURE__*/ jsx(FormFieldError, {
                         id: errorId,
-                        "data-slot": "prompt-editor-error",
-                        className: "mt-1",
                         children: error
                     })
                 ]

package/dist/components/ui/radio-group.cjs

@@ -34,7 +34,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const RadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root, {
         "data-slot": "radio-group",
-        className: (0, index_cjs_namespaceObject.cn)('grid gap-2', className),
+        className: (0, index_cjs_namespaceObject.cn)('group/radio-group grid gap-2', className),
         ...props,
         ref: ref
     }));
@@ -42,7 +42,7 @@ RadioGroup.displayName = react_radio_group_namespaceObject.Root.displayName;
 const RadioGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item, {
         ref: ref,
         "data-slot": "radio-group-item",
-        className: (0, index_cjs_namespaceObject.cn)('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', 'future:border-border future:text-foreground future:hover:border-border-hover future:data-[state=checked]:border-foreground-muted', className),
+        className: (0, index_cjs_namespaceObject.cn)('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 group-aria-invalid/radio-group:border-error group-aria-invalid/radio-group:focus-visible:ring-error', 'future:border-border future:text-foreground future:hover:border-border-hover future:data-[state=checked]:border-foreground-muted future:group-aria-invalid/radio-group:border-error', 'future:group-aria-invalid/radio-group:hover:border-error future:group-aria-invalid/radio-group:data-[state=checked]:border-error', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator, {
             className: "flex items-center justify-center",

package/dist/components/ui/radio-group.js

@@ -5,7 +5,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const RadioGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         "data-slot": "radio-group",
-        className: cn('grid gap-2', className),
+        className: cn('group/radio-group grid gap-2', className),
         ...props,
         ref: ref
     }));
@@ -13,7 +13,7 @@ RadioGroup.displayName = Root.displayName;
 const RadioGroupItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
         ref: ref,
         "data-slot": "radio-group-item",
-        className: cn('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', 'future:border-border future:text-foreground future:hover:border-border-hover future:data-[state=checked]:border-foreground-muted', className),
+        className: cn('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 group-aria-invalid/radio-group:border-error group-aria-invalid/radio-group:focus-visible:ring-error', 'future:border-border future:text-foreground future:hover:border-border-hover future:data-[state=checked]:border-foreground-muted future:group-aria-invalid/radio-group:border-error', 'future:group-aria-invalid/radio-group:hover:border-error future:group-aria-invalid/radio-group:data-[state=checked]:border-error', className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {
             className: "flex items-center justify-center",

package/dist/components/ui/search.cjs

@@ -34,7 +34,7 @@ const external_command_cjs_namespaceObject = require("./command.cjs");
 const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, ...props }, ref)=>{
+const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, error, errorId, ...props }, ref)=>{
     const handleClear = ()=>{
         onChange?.('');
         onClear?.();
@@ -43,6 +43,8 @@ const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
         "data-slot": "search",
         variant: variant,
         size: size,
+        error: error,
+        errorId: errorId,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                 align: "inline-start",

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

@@ -7,6 +7,10 @@ export interface SearchProps extends Omit<InputGroupInputProps, 'onChange'> {
     showClearButton?: boolean;
     variant?: InputGroupProps['variant'];
     size?: InputGroupProps['size'];
+    /** Field-specific feedback rendered immediately below the search field. */
+    error?: React.ReactNode;
+    /** Optional id for the inline validation message. */
+    errorId?: string;
 }
 declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
 export interface SearchWithSuggestionsProps {

package/dist/components/ui/search.js

@@ -5,7 +5,7 @@ import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from ".
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
-const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, ...props }, ref)=>{
+const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, error, errorId, ...props }, ref)=>{
     const handleClear = ()=>{
         onChange?.('');
         onClear?.();
@@ -14,6 +14,8 @@ const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, on
         "data-slot": "search",
         variant: variant,
         size: size,
+        error: error,
+        errorId: errorId,
         children: [
             /*#__PURE__*/ jsx(InputGroupAddon, {
                 align: "inline-start",

package/dist/components/ui/select.cjs

@@ -42,6 +42,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_form_field_cjs_namespaceObject = require("./form-field.cjs");
 const Select = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Root, {
         "data-slot": "select",
         ...props
@@ -59,21 +60,41 @@ const SelectValue = /*#__PURE__*/ external_react_namespaceObject.forwardRef((pro
         ...props
     }));
 SelectValue.displayName = react_select_namespaceObject.Value.displayName;
-const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
-        ref: ref,
-        "data-slot": "select-trigger",
-        className: (0, index_cjs_namespaceObject.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__*/ external_react_namespaceObject.forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, children, error, errorId, id, ...props }, ref)=>{
+    const generatedId = external_react_namespaceObject.useId();
+    const validationId = errorId ?? `${id ?? `select-${generatedId.replace(/:/g, '')}`}-error`;
+    const describedBy = [
+        ariaDescribedBy,
+        error ? validationId : void 0
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
-            children,
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Icon, {
-                asChild: true,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                    className: "h-4 w-4 opacity-50"
-                })
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.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: (0, index_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Icon, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            className: "h-4 w-4 opacity-50"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
+                id: validationId,
+                children: error
             })
         ]
-    }));
+    });
+});
 SelectTrigger.displayName = react_select_namespaceObject.Trigger.displayName;
 const SelectScrollUpButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton, {
         ref: ref,

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

@@ -7,7 +7,16 @@ declare const Select: {
 };
 declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+    /**
+     * Field-specific feedback rendered immediately below the trigger.
+     * 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 SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {