@uipath/apollo-wind 2.75.1 → 2.76.1

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

@@ -26,6 +26,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     VariablePicker: ()=>VariablePicker,
+    VariablePickerSlot: ()=>VariablePickerSlot,
     VariablePickerContent: ()=>VariablePickerContent
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -50,6 +51,9 @@ function VariableTypeBadge({ item }) {
         children: item.icon ?? TYPE_LABEL[type] ?? type
     });
 }
+function VariablePickerSlot({ render, ...props }) {
+    return render(props);
+}
 function itemMatches(item, normalizedQuery) {
     return item.label.toLowerCase().includes(normalizedQuery) || item.value?.toLowerCase().includes(normalizedQuery) === true;
 }
@@ -189,7 +193,7 @@ function VariablePickerContent({ items, onSelect, placeholder = 'Search variable
         ]
     });
 }
-function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, ...contentProps }) {
+function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, renderPicker, ...contentProps }) {
     const [uncontrolledOpen, setUncontrolledOpen] = (0, external_react_namespaceObject.useState)(false);
     const open = controlledOpen ?? uncontrolledOpen;
     const setOpen = (nextOpen)=>{
@@ -227,7 +231,15 @@ function VariablePicker({ children, align = 'end', disabled = false, open: contr
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
                 align: align,
                 className: (0, index_cjs_namespaceObject.cn)('w-[280px] max-w-[calc(100vw-1rem)] overflow-hidden p-0', className),
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariablePickerContent, {
+                children: renderPicker ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariablePickerSlot, {
+                    render: renderPicker,
+                    onSelect: (value)=>selectItem({
+                            id: value,
+                            label: value,
+                            value
+                        }),
+                    close: ()=>setOpen(false)
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariablePickerContent, {
                     ...contentProps,
                     onSelect: selectItem
                 })
@@ -237,9 +249,11 @@ function VariablePicker({ children, align = 'end', disabled = false, open: contr
 }
 exports.VariablePicker = __webpack_exports__.VariablePicker;
 exports.VariablePickerContent = __webpack_exports__.VariablePickerContent;
+exports.VariablePickerSlot = __webpack_exports__.VariablePickerSlot;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "VariablePicker",
-    "VariablePickerContent"
+    "VariablePickerContent",
+    "VariablePickerSlot"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -35,8 +35,31 @@ export interface VariablePickerProps extends VariablePickerContentProps {
     onOpenChange?: (open: boolean) => void;
     triggerLabel?: string;
     triggerAriaLabel?: string;
+    /**
+     * The host's own picker, rendered in the popover in place of the search and tree, whose `items`
+     * it then does not use. A pick reaches `onSelect` as an entry made from the picked value.
+     */
+    renderPicker?: RenderVariablePicker;
 }
+/** What a host-rendered picker gets in place of the built-in search and tree. */
+export interface VariablePickerSlotProps {
+    /** The reference already bound, when the pick replaces one. */
+    value?: string;
+    /** Commits `value` and closes the popover. */
+    onSelect(value: string): void;
+    /** Closes the popover without committing anything. */
+    close(): void;
+}
+/**
+ * Renders a host's own picker inside a wind-owned popover. Called only while the popover is open:
+ * the trigger, anchoring, focus return and strings stay with wind.
+ */
+export type RenderVariablePicker = (props: VariablePickerSlotProps) => ReactNode;
+/** Renders a slot as an element, so it is called only once its popover mounts the content. */
+export declare function VariablePickerSlot({ render, ...props }: VariablePickerSlotProps & {
+    render: RenderVariablePicker;
+}): ReactNode;
 /** Search and tree content for embedding in a consumer-owned popover or caret-anchored surface. */
 export declare function VariablePickerContent({ items, onSelect, placeholder, emptyText, query: controlledQuery, initialQuery, onQueryChange, defaultExpandedIds, insertLabel, className, }: VariablePickerContentProps): import("react/jsx-runtime").JSX.Element;
 /** Popover-wrapped convenience picker for inserting a variable into a consumer-owned value. */
-export declare function VariablePicker({ children, align, disabled, open: controlledOpen, onOpenChange, triggerLabel, triggerAriaLabel, className, onSelect, ...contentProps }: VariablePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function VariablePicker({ children, align, disabled, open: controlledOpen, onOpenChange, triggerLabel, triggerAriaLabel, className, onSelect, renderPicker, ...contentProps }: VariablePickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -21,6 +21,9 @@ function VariableTypeBadge({ item }) {
         children: item.icon ?? TYPE_LABEL[type] ?? type
     });
 }
+function VariablePickerSlot({ render, ...props }) {
+    return render(props);
+}
 function itemMatches(item, normalizedQuery) {
     return item.label.toLowerCase().includes(normalizedQuery) || item.value?.toLowerCase().includes(normalizedQuery) === true;
 }
@@ -160,7 +163,7 @@ function VariablePickerContent({ items, onSelect, placeholder = 'Search variable
         ]
     });
 }
-function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, ...contentProps }) {
+function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, renderPicker, ...contentProps }) {
     const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
     const open = controlledOpen ?? uncontrolledOpen;
     const setOpen = (nextOpen)=>{
@@ -198,7 +201,15 @@ function VariablePicker({ children, align = 'end', disabled = false, open: contr
             /*#__PURE__*/ jsx(PopoverContent, {
                 align: align,
                 className: cn('w-[280px] max-w-[calc(100vw-1rem)] overflow-hidden p-0', className),
-                children: /*#__PURE__*/ jsx(VariablePickerContent, {
+                children: renderPicker ? /*#__PURE__*/ jsx(VariablePickerSlot, {
+                    render: renderPicker,
+                    onSelect: (value)=>selectItem({
+                            id: value,
+                            label: value,
+                            value
+                        }),
+                    close: ()=>setOpen(false)
+                }) : /*#__PURE__*/ jsx(VariablePickerContent, {
                     ...contentProps,
                     onSelect: selectItem
                 })
@@ -206,4 +217,4 @@ function VariablePicker({ children, align = 'end', disabled = false, open: contr
         ]
     });
 }
-export { VariablePicker, VariablePickerContent };
+export { VariablePicker, VariablePickerContent, VariablePickerSlot };

package/dist/components/ui/variable-value-control.cjs

@@ -35,8 +35,10 @@ const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const external_reference_chip_cjs_namespaceObject = require("./reference-chip.cjs");
 const index_cjs_namespaceObject = require("./variable-picker/index.cjs");
+const variable_picker_cjs_namespaceObject = require("./variable-picker/variable-picker.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../lib/index.cjs");
-const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
+const NO_VARIABLES = [];
+const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, value, onChange, onBlur, inputRef, variables = NO_VARIABLES, renderPicker, describeReference, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -48,18 +50,27 @@ const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwar
         ref,
         inputRef
     ]);
+    const described = external_react_namespaceObject.useMemo(()=>reference && describeReference ? describeReference(reference) : void 0, [
+        reference,
+        describeReference
+    ]);
     const changeOpen = external_react_namespaceObject.useCallback((next)=>{
-        if (next) setItems('function' == typeof variables ? variables() : variables);
+        if (next && !renderPicker) setItems('function' == typeof variables ? variables() : variables);
         setOpen(next);
     }, [
+        renderPicker,
         variables
     ]);
-    const select = external_react_namespaceObject.useCallback((item)=>{
-        if (item.value) onChange(item.value);
+    const close = external_react_namespaceObject.useCallback(()=>setOpen(false), []);
+    const commit = external_react_namespaceObject.useCallback((next)=>{
+        if (next) onChange(next);
         setOpen(false);
     }, [
         onChange
     ]);
+    const select = external_react_namespaceObject.useCallback((item)=>commit(item.value ?? ''), [
+        commit
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
         open: open,
         onOpenChange: changeOpen,
@@ -75,14 +86,19 @@ const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwar
                 "aria-labelledby": ariaLabelledBy,
                 "aria-describedby": (0, aria_ids_cjs_namespaceObject.joinIds)(ariaDescribedBy, controlProps?.['aria-describedby']),
                 children: reference && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_reference_chip_cjs_namespaceObject.ReferenceChip, {
-                    label: reference,
-                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Variable, {})
+                    label: described?.label ?? reference,
+                    icon: described?.icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Variable, {})
                 })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
                 align: "start",
                 className: "w-(--radix-popover-trigger-width) p-0",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePickerContent, {
+                children: renderPicker ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(variable_picker_cjs_namespaceObject.VariablePickerSlot, {
+                    render: renderPicker,
+                    value: reference || void 0,
+                    onSelect: commit,
+                    close: close
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePickerContent, {
                     items: items,
                     onSelect: select,
                     placeholder: text.variableSearchPlaceholder,

package/dist/components/ui/variable-value-control.d.ts

@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { type ValueModeStrings } from './field-addons/value-mode-strings';
-import { type VariablePickerItem } from './variable-picker';
-export interface VariableValueControlProps {
+import { type RenderVariablePicker, type VariablePickerItem } from './variable-picker';
+/** How a bound reference is shown: the host's display name and type icon for it. */
+export interface VariableReferenceDescription {
+    label: React.ReactNode;
+    /** Defaults to the generic variable icon. */
+    icon?: React.ReactNode;
+}
+interface VariableValueControlBaseProps {
     id?: string;
     name?: string;
     /** The bound reference, such as `$vars.orderId`. */
@@ -12,10 +18,10 @@ export interface VariableValueControlProps {
     /** Also gets the trigger, as a form library's field ref does to focus an invalid field. */
     inputRef?: React.Ref<HTMLButtonElement>;
     /**
-     * The variables to pick from, rendered as supplied. A function is called each time the picker
-     * opens, never during render.
+     * Describes the bound reference for its chip and the trigger's text. Returning nothing shows the
+     * reference as it is stored.
      */
-    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+    describeReference?: (reference: string) => VariableReferenceDescription | undefined;
     disabled?: boolean;
     /** Shown while no variable is bound. Defaults to `strings.variablePlaceholder`. */
     placeholder?: string;
@@ -30,6 +36,22 @@ export interface VariableValueControlProps {
         'aria-describedby'?: string;
     };
 }
+export type VariableValueControlProps = VariableValueControlBaseProps & ({
+    /**
+     * The variables to pick from, rendered as supplied. A function is called each time the
+     * picker opens, never during render.
+     */
+    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+    renderPicker?: undefined;
+} | {
+    /** Ignored while `renderPicker` is set. */
+    variables?: VariablePickerItem[] | (() => VariablePickerItem[]);
+    /**
+     * The host's own picker, rendered in the panel in place of the built-in one and handed the
+     * bound reference as `value`.
+     */
+    renderPicker: RenderVariablePicker;
+});
 /**
  * A value bound to a variable, for an `InputGroup`: the whole control is a picker whose trigger
  * shows the bound reference, and picking a variable replaces it. The panel opens at the box's

package/dist/components/ui/variable-value-control.js

@@ -7,8 +7,10 @@ import { InputGroupPopoverTrigger } from "./input-group.js";
 import { Popover, PopoverContent } from "./popover.js";
 import { ReferenceChip } from "./reference-chip.js";
 import { VariablePickerContent } from "./variable-picker/index.js";
+import { VariablePickerSlot } from "./variable-picker/variable-picker.js";
 import { composeRefs } from "../../lib/index.js";
-const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
+const NO_VARIABLES = [];
+const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, onBlur, inputRef, variables = NO_VARIABLES, renderPicker, describeReference, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -20,18 +22,27 @@ const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, on
         ref,
         inputRef
     ]);
+    const described = useMemo(()=>reference && describeReference ? describeReference(reference) : void 0, [
+        reference,
+        describeReference
+    ]);
     const changeOpen = useCallback((next)=>{
-        if (next) setItems('function' == typeof variables ? variables() : variables);
+        if (next && !renderPicker) setItems('function' == typeof variables ? variables() : variables);
         setOpen(next);
     }, [
+        renderPicker,
         variables
     ]);
-    const select = useCallback((item)=>{
-        if (item.value) onChange(item.value);
+    const close = useCallback(()=>setOpen(false), []);
+    const commit = useCallback((next)=>{
+        if (next) onChange(next);
         setOpen(false);
     }, [
         onChange
     ]);
+    const select = useCallback((item)=>commit(item.value ?? ''), [
+        commit
+    ]);
     return /*#__PURE__*/ jsxs(Popover, {
         open: open,
         onOpenChange: changeOpen,
@@ -47,14 +58,19 @@ const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, on
                 "aria-labelledby": ariaLabelledBy,
                 "aria-describedby": joinIds(ariaDescribedBy, controlProps?.['aria-describedby']),
                 children: reference && /*#__PURE__*/ jsx(ReferenceChip, {
-                    label: reference,
-                    icon: /*#__PURE__*/ jsx(Variable, {})
+                    label: described?.label ?? reference,
+                    icon: described?.icon ?? /*#__PURE__*/ jsx(Variable, {})
                 })
             }),
             /*#__PURE__*/ jsx(PopoverContent, {
                 align: "start",
                 className: "w-(--radix-popover-trigger-width) p-0",
-                children: /*#__PURE__*/ jsx(VariablePickerContent, {
+                children: renderPicker ? /*#__PURE__*/ jsx(VariablePickerSlot, {
+                    render: renderPicker,
+                    value: reference || void 0,
+                    onSelect: commit,
+                    close: close
+                }) : /*#__PURE__*/ jsx(VariablePickerContent, {
                     items: items,
                     onSelect: select,
                     placeholder: text.variableSearchPlaceholder,

package/dist/index.cjs

@@ -418,6 +418,7 @@ __webpack_require__.d(__webpack_exports__, {
     PopoverAnchor: ()=>popover_cjs_namespaceObject.PopoverAnchor,
     DrawerClose: ()=>drawer_cjs_namespaceObject.DrawerClose,
     PickerTrigger: ()=>model_picker_index_cjs_namespaceObject.PickerTrigger,
+    createVariableModeControl: ()=>variable_mode_control_cjs_namespaceObject.createVariableModeControl,
     ButtonGroupSeparator: ()=>button_group_cjs_namespaceObject.ButtonGroupSeparator,
     DropdownMenuSeparator: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator,
     JsonLeafValueEditor: ()=>json_tree_view_index_cjs_namespaceObject.JsonLeafValueEditor,
@@ -563,6 +564,7 @@ const mode_aware_field_cjs_namespaceObject = require("./components/forms/mode-aw
 const rules_engine_cjs_namespaceObject = require("./components/forms/rules-engine.cjs");
 const string_list_field_cjs_namespaceObject = require("./components/forms/string-list-field.cjs");
 const value_modes_cjs_namespaceObject = require("./components/forms/value-modes.cjs");
+const variable_mode_control_cjs_namespaceObject = require("./components/forms/variable-mode-control.cjs");
 const accordion_cjs_namespaceObject = require("./components/ui/accordion.cjs");
 const alert_cjs_namespaceObject = require("./components/ui/alert.cjs");
 const alert_dialog_cjs_namespaceObject = require("./components/ui/alert-dialog.cjs");
@@ -1108,6 +1110,7 @@ exports.createOutputTokenNode = __webpack_exports__.createOutputTokenNode;
 exports.createResourceTokenNode = __webpack_exports__.createResourceTokenNode;
 exports.createStateTokenNode = __webpack_exports__.createStateTokenNode;
 exports.createTokenNodeForOption = __webpack_exports__.createTokenNodeForOption;
+exports.createVariableModeControl = __webpack_exports__.createVariableModeControl;
 exports.defaultCostTier = __webpack_exports__.defaultCostTier;
 exports.defaultRowActions = __webpack_exports__.defaultRowActions;
 exports.deriveModelTags = __webpack_exports__.deriveModelTags;
@@ -1624,6 +1627,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "createResourceTokenNode",
     "createStateTokenNode",
     "createTokenNodeForOption",
+    "createVariableModeControl",
     "defaultCostTier",
     "defaultRowActions",
     "deriveModelTags",

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export type { AdapterRequest, AdapterResponse, DataAdapter, } from './components/forms/data-fetcher';
 export { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter, } from './components/forms/data-fetcher';
-export type { AiAssistActionOptions, ClearActionOptions, FieldActionContext, FieldActionGenerate, FieldActionRegistry, FieldActionsPluginConfig, FieldHeaderAction, FieldMenuAction, InsertVariableActionOptions, ValueModeVariable, } from './components/forms/field-actions';
+export type { AiAssistActionOptions, AiAssistFieldContentProps, ClearActionOptions, FieldActionContext, FieldActionGenerate, FieldActionRegistry, FieldActionResult, FieldActionsPluginConfig, FieldHeaderAction, FieldMenuAction, FormVariablePicker, InsertVariableActionOptions, ValueModeVariable, } from './components/forms/field-actions';
 export { createAiAssistAction, createClearAction, createInsertVariableAction, resolveVariables, } from './components/forms/field-actions';
 export type { FieldControlFormField, FieldControlGeometry, FieldControlLabelTarget, FieldControlProps, } from './components/forms/field-control';
 export { FIELD_CONTROL_GEOMETRY, FieldControl } from './components/forms/field-control';
@@ -21,6 +21,8 @@ export type { StringListFieldProps } from './components/forms/string-list-field'
 export { formatTemplate, StringListField } from './components/forms/string-list-field';
 export type { CodecContext, ConvertResult, DecodedValue, FieldControlRegistration, ValueModeCodec, ValueModeControlHandle, ValueModeControlProps, ValueModeControlRegistration, ValueModeDefinition, ValueModeEnvelope, ValueModeRegistry, ValueModesPluginConfig, } from './components/forms/value-modes';
 export { envelopeCodec, isEmptyModeValue, isValueModeEnvelope, literalValues, VALUE_MODE_OPAQUE, } from './components/forms/value-modes';
+export type { VariableModeControlOptions } from './components/forms/variable-mode-control';
+export { createVariableModeControl } from './components/forms/variable-mode-control';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './components/ui/accordion';
 export { Alert, AlertDescription, AlertTitle } from './components/ui/alert';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
@@ -75,7 +77,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 { AiAssistActionProps, AiAssistActionStrings, InsertVariableActionProps, InsertVariableActionStrings, } from './components/ui/field-actions';
+export type { AiAssistActionProps, AiAssistActionStrings, AiAssistContentProps, InsertVariableActionProps, InsertVariableActionStrings, } from './components/ui/field-actions';
 export { AiAssistAction, DEFAULT_AI_ASSIST_ACTION_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction, } from './components/ui/field-actions';
 export type { BuiltInValueModesOptions, FieldMenuItem, FieldMenuMode, FieldMenuProps, ValueMode, ValueModeIndicatorProps, ValueModeOption, ValueModeStrings, ValueModeSwitchDialogProps, } from './components/ui/field-addons';
 export { BUILTIN_VALUE_MODES, builtInValueModes, DEFAULT_VALUE_MODE_STRINGS, FieldMenu, ValueModeIndicator, ValueModeSwitchDialog, } from './components/ui/field-addons';
@@ -179,8 +181,8 @@ export { DEFAULT_TOOL_CALL_STRINGS, ToolCall, ToolCallContent, ToolCallError, To
 export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, } from './components/ui/tooltip';
 export type { FileTreeViewIconMap, FileTreeViewItem, FileTreeViewItemAction, FileTreeViewMenuItem, FileTreeViewProps, FileTreeViewSelectionMode, TreeViewIconMap, TreeViewItem, TreeViewItemAction, TreeViewMenuItem, TreeViewProps, TreeViewSelectionMode, } from './components/ui/tree-view';
 export { default as FileTreeView, TreeView } from './components/ui/tree-view';
-export type { VariablePickerContentProps, VariablePickerItem, VariablePickerProps, } from './components/ui/variable-picker';
+export type { RenderVariablePicker, VariablePickerContentProps, VariablePickerItem, VariablePickerProps, VariablePickerSlotProps, } from './components/ui/variable-picker';
 export { VariablePicker, VariablePickerContent, } from './components/ui/variable-picker';
-export type { VariableValueControlProps } from './components/ui/variable-value-control';
+export type { VariableReferenceDescription, VariableValueControlProps, } from './components/ui/variable-value-control';
 export { VariableValueControl } from './components/ui/variable-value-control';
 export { cn } from './lib/utils';

package/dist/index.js

@@ -12,6 +12,7 @@ import { ModeAwareField } from "./components/forms/mode-aware-field.js";
 import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/rules-engine.js";
 import { StringListField, formatTemplate } from "./components/forms/string-list-field.js";
 import { VALUE_MODE_OPAQUE, envelopeCodec, isEmptyModeValue, isValueModeEnvelope, literalValues } from "./components/forms/value-modes.js";
+import { createVariableModeControl } from "./components/forms/variable-mode-control.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
 import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
@@ -110,4 +111,4 @@ import tree_view, { TreeView } from "./components/ui/tree-view.js";
 import { VariablePicker, VariablePickerContent } from "./components/ui/variable-picker/index.js";
 import { VariableValueControl } from "./components/ui/variable-value-control.js";
 import { cn } from "./lib/utils.js";
-export { $insertTokenAtCursor, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAssistAction, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarFallback, AvatarImage, BUILTIN_VALUE_MODES, Badge, BooleanRadioGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatComposer, ChatComposerAttachButton, ChatComposerAttachments, ChatComposerError, ChatComposerFooter, ChatComposerInputGroup, ChatComposerSubmit, ChatComposerTextarea, ChatComposerToolbar, ChatHero, ChatHeroDescription, ChatHeroHeader, ChatHeroLogo, ChatHeroTitle, Checkbox, Citation, CodeBlock, CodeBlockHeader, 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_AI_ASSIST_ACTION_STRINGS, DEFAULT_BOOLEAN_RADIO_GROUP_STRINGS, DEFAULT_CHAT_COMPOSER_STRINGS, DEFAULT_CITATION_STRINGS, DEFAULT_CODE_BLOCK_STRINGS, DEFAULT_DIALOG_STRINGS, DEFAULT_DROPZONE_OVERLAY_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, DEFAULT_JSON_TREE_VIEW_STRINGS, DEFAULT_LOADING_DOTS_STRINGS, DEFAULT_MARKDOWN_STRINGS, DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS, DEFAULT_MESSAGE_ACTIONS_STRINGS, DEFAULT_MESSAGE_ACTION_COPY_STRINGS, DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS, DEFAULT_MESSAGE_SCROLLER_BUTTON_STRINGS, DEFAULT_MESSAGE_SCROLLER_VIEWPORT_STRINGS, DEFAULT_METADATA_FORM_STRINGS, DEFAULT_MODEL_PICKER_LABELS, DEFAULT_MULTI_SELECT_STRINGS, DEFAULT_PROMPT_EDITOR_STRINGS, DEFAULT_PROMPT_SUGGESTIONS_STRINGS, DEFAULT_QUICK_FORM_FIELD_STRINGS, DEFAULT_SEARCH_STRINGS, DEFAULT_SHEET_STRINGS, DEFAULT_SOURCES_STRINGS, DEFAULT_THINKING_INDICATOR_STRINGS, DEFAULT_TOOL_CALL_STRINGS, DEFAULT_VALUE_MODE_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisclosureTree, 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, DropzoneOverlay, EditableCell, EmptyState, ExpressionBuilder, FIELD_CONTROL_GEOMETRY, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FieldControl, FieldMenu, tree_view as FileTreeView, FileUpload, FolderPicker, FolderPickerContent, FolderSwitcher, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldHeader, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, GroupHeader, GroupedOptionList, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupBody, InputGroupButton, InputGroupInput, InputGroupPopoverTrigger, InputGroupRow, InputGroupText, InputGroupTextarea, InputGroupTrigger, InputTokenNode, InsertVariableAction, JsonContainerEditor, JsonLeafValueEditor, JsonMultilineLeafEditor, JsonTreeToolbar, JsonTreeView, JsonTreeViewProvider, JsonTypeBadge, Label, LiveRegion, LoadingDots, LockableValueField, MODEL_BADGES, Markdown, Marker, MarkerContent, MarkerIcon, Message, MessageAction, MessageActionCopy, MessageActionFeedback, MessageActions, MessageActionsOverflow, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModeAwareField, ModelOptionRow, ModelPicker, ModelTagChip, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger, PickerPopup, PickerSearchInput, PickerTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, PromptSuggestions, PromptValueControl, QuickFormField, RadioGroup, RadioGroupItem, ReferenceChip, 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, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SourceItem, Sources, SourcesList, Spinner, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThinkingIndicator, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, ToolCall, ToolCallContent, ToolCallError, ToolCallHeader, ToolCallInput, ToolCallOutput, ToolCallSection, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TreeView, VALUE_MODE_OPAQUE, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, ValueModeIndicator, ValueModeSwitchDialog, VariablePicker, VariablePickerContent, VariableValueControl, VirtualOptionList, WORD_JOINER, analyticsPlugin, appendPathSegment, attachmentVariants, auditPlugin, autoSavePlugin, badgeVariants, bubbleVariants, buildJsonTree, builtInValueModes, buttonVariants, chatComposerErrorVariants, chatComposerVariants, chatHeroDescriptionVariants, chatHeroTitleVariants, chatHeroVariants, citationVariants, cn, collectContainerPaths, copyTextToClipboard, createAiAssistAction, createClearAction, createEditableColumn, createInputTokenNode, createInsertVariableAction, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, defaultCostTier, defaultRowActions, deriveModelTags, envelopeCodec, filterModels, flattenJsonTree, formatContextWindow, formatFileSize, formatLeafValue, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, getReferenceChipColors, getSubstitutionTarget, getValueAtPath, groupModels, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, inferValueType, inputGroupVariants, isArrayItemTemplateRoot, isCustomField, isEmptyModeValue, isFileField, isFileTypeAccepted, isJsonObject, isPathCollapsed, isPromptTokenNode, isTextGenerationModel, isValueModeEnvelope, keepFolderSearchOnEscape, literalValues, loadingDotsVariants, markerVariants, messageActionsVariants, normalizeRichTextTokens, normalizeVariablePath, optionDomId, promptSuggestionVariants, promptSuggestionsListVariants, removeValueAtPath, resolveHomeGeography, resolveLabels, resolveVariables, schemaDisplayType, setEditorTokens, setValueAtPath, sidebarMenuButtonVariants, spinnerVariants, thinkingIndicatorVariants, toast, toggleVariants, toolCallVariants, useChatComposer, useInputGroup, useJsonTreeViewStrings, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useModelPickerState, useSidebar, useWatch, validateFiles, validationPlugin, workflowPlugin };
+export { $insertTokenAtCursor, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAssistAction, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Avatar, AvatarFallback, AvatarImage, BUILTIN_VALUE_MODES, Badge, BooleanRadioGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatComposer, ChatComposerAttachButton, ChatComposerAttachments, ChatComposerError, ChatComposerFooter, ChatComposerInputGroup, ChatComposerSubmit, ChatComposerTextarea, ChatComposerToolbar, ChatHero, ChatHeroDescription, ChatHeroHeader, ChatHeroLogo, ChatHeroTitle, Checkbox, Citation, CodeBlock, CodeBlockHeader, 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_AI_ASSIST_ACTION_STRINGS, DEFAULT_BOOLEAN_RADIO_GROUP_STRINGS, DEFAULT_CHAT_COMPOSER_STRINGS, DEFAULT_CITATION_STRINGS, DEFAULT_CODE_BLOCK_STRINGS, DEFAULT_DIALOG_STRINGS, DEFAULT_DROPZONE_OVERLAY_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, DEFAULT_JSON_TREE_VIEW_STRINGS, DEFAULT_LOADING_DOTS_STRINGS, DEFAULT_MARKDOWN_STRINGS, DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS, DEFAULT_MESSAGE_ACTIONS_STRINGS, DEFAULT_MESSAGE_ACTION_COPY_STRINGS, DEFAULT_MESSAGE_ACTION_FEEDBACK_STRINGS, DEFAULT_MESSAGE_SCROLLER_BUTTON_STRINGS, DEFAULT_MESSAGE_SCROLLER_VIEWPORT_STRINGS, DEFAULT_METADATA_FORM_STRINGS, DEFAULT_MODEL_PICKER_LABELS, DEFAULT_MULTI_SELECT_STRINGS, DEFAULT_PROMPT_EDITOR_STRINGS, DEFAULT_PROMPT_SUGGESTIONS_STRINGS, DEFAULT_QUICK_FORM_FIELD_STRINGS, DEFAULT_SEARCH_STRINGS, DEFAULT_SHEET_STRINGS, DEFAULT_SOURCES_STRINGS, DEFAULT_THINKING_INDICATOR_STRINGS, DEFAULT_TOOL_CALL_STRINGS, DEFAULT_VALUE_MODE_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisclosureTree, 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, DropzoneOverlay, EditableCell, EmptyState, ExpressionBuilder, FIELD_CONTROL_GEOMETRY, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FieldControl, FieldMenu, tree_view as FileTreeView, FileUpload, FolderPicker, FolderPickerContent, FolderSwitcher, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldHeader, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, GroupHeader, GroupedOptionList, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupBody, InputGroupButton, InputGroupInput, InputGroupPopoverTrigger, InputGroupRow, InputGroupText, InputGroupTextarea, InputGroupTrigger, InputTokenNode, InsertVariableAction, JsonContainerEditor, JsonLeafValueEditor, JsonMultilineLeafEditor, JsonTreeToolbar, JsonTreeView, JsonTreeViewProvider, JsonTypeBadge, Label, LiveRegion, LoadingDots, LockableValueField, MODEL_BADGES, Markdown, Marker, MarkerContent, MarkerIcon, Message, MessageAction, MessageActionCopy, MessageActionFeedback, MessageActions, MessageActionsOverflow, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModeAwareField, ModelOptionRow, ModelPicker, ModelTagChip, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger, PickerPopup, PickerSearchInput, PickerTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, PromptSuggestions, PromptValueControl, QuickFormField, RadioGroup, RadioGroupItem, ReferenceChip, 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, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SourceItem, Sources, SourcesList, Spinner, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThinkingIndicator, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, ToolCall, ToolCallContent, ToolCallError, ToolCallHeader, ToolCallInput, ToolCallOutput, ToolCallSection, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TreeView, VALUE_MODE_OPAQUE, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, ValueModeIndicator, ValueModeSwitchDialog, VariablePicker, VariablePickerContent, VariableValueControl, VirtualOptionList, WORD_JOINER, analyticsPlugin, appendPathSegment, attachmentVariants, auditPlugin, autoSavePlugin, badgeVariants, bubbleVariants, buildJsonTree, builtInValueModes, buttonVariants, chatComposerErrorVariants, chatComposerVariants, chatHeroDescriptionVariants, chatHeroTitleVariants, chatHeroVariants, citationVariants, cn, collectContainerPaths, copyTextToClipboard, createAiAssistAction, createClearAction, createEditableColumn, createInputTokenNode, createInsertVariableAction, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, createVariableModeControl, defaultCostTier, defaultRowActions, deriveModelTags, envelopeCodec, filterModels, flattenJsonTree, formatContextWindow, formatFileSize, formatLeafValue, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, getReferenceChipColors, getSubstitutionTarget, getValueAtPath, groupModels, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, inferValueType, inputGroupVariants, isArrayItemTemplateRoot, isCustomField, isEmptyModeValue, isFileField, isFileTypeAccepted, isJsonObject, isPathCollapsed, isPromptTokenNode, isTextGenerationModel, isValueModeEnvelope, keepFolderSearchOnEscape, literalValues, loadingDotsVariants, markerVariants, messageActionsVariants, normalizeRichTextTokens, normalizeVariablePath, optionDomId, promptSuggestionVariants, promptSuggestionsListVariants, removeValueAtPath, resolveHomeGeography, resolveLabels, resolveVariables, schemaDisplayType, setEditorTokens, setValueAtPath, sidebarMenuButtonVariants, spinnerVariants, thinkingIndicatorVariants, toast, toggleVariants, toolCallVariants, useChatComposer, useInputGroup, useJsonTreeViewStrings, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useModelPickerState, useSidebar, useWatch, validateFiles, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -1448,6 +1448,9 @@
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
+  .min-h-32 {
+    min-height: calc(var(--spacing) * 32);
+  }
   .min-h-\[32px\] {
     min-height: 32px;
   }
@@ -7784,6 +7787,12 @@
       color: var(--muted-foreground);
     }
   }
+  .aria-\[current\]\:font-semibold {
+    &[aria-current] {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
   .aria-\[orientation\=horizontal\]\:h-px {
     &[aria-orientation="horizontal"] {
       height: 1px;

package/package.json

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