@uipath/apollo-wind 2.75.0 → 2.76.0

package/dist/components/ui/json-tree-view/RowActions.cjs

@@ -34,7 +34,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_strings_cjs_namespaceObject = require("./strings.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',

package/dist/components/ui/json-tree-view/RowActions.js

@@ -6,7 +6,7 @@ import { MoreHorizontal } from "lucide-react";
 import { useState } from "react";
 import { useJsonTreeViewStrings } from "./strings.js";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',

package/dist/components/ui/panel-tabs.cjs

@@ -75,6 +75,7 @@ const PanelTabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef
         ref: ref,
         "data-slot": "panel-tabs-content",
         className: (0, index_cjs_namespaceObject.cn)('mt-0 min-h-0 flex-1 overflow-auto', className),
+        tabIndex: void 0,
         ...props,
         children: padded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: (0, index_cjs_namespaceObject.cn)('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),

package/dist/components/ui/panel-tabs.d.ts

@@ -28,7 +28,11 @@ interface PanelTabsContentProps extends React.ComponentPropsWithoutRef<typeof Ta
     /** Classes for the padded wrapper (e.g. its own vertical rhythm). */
     innerClassName?: string;
 }
-/** The active tab's content. It is the scroll container, so the tab row stays pinned. */
+/**
+ * The active tab's content. It is the scroll container, so the tab row stays pinned.
+ * It has no tabIndex, so the browser makes it a tab stop only when it scrolls with
+ * nothing focusable inside. Radix's default 0 would stop on every panel.
+ */
 declare const PanelTabsContent: React.ForwardRefExoticComponent<PanelTabsContentProps & React.RefAttributes<HTMLDivElement>>;
 export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };
 export type { PanelTabsContentProps, PanelTabsListProps };

package/dist/components/ui/panel-tabs.js

@@ -43,6 +43,7 @@ const PanelTabsContent = /*#__PURE__*/ forwardRef(({ padded = true, innerClassNa
         ref: ref,
         "data-slot": "panel-tabs-content",
         className: cn('mt-0 min-h-0 flex-1 overflow-auto', className),
+        tabIndex: void 0,
         ...props,
         children: padded ? /*#__PURE__*/ jsx("div", {
             className: cn('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),

package/dist/components/ui/reference-chip.cjs

@@ -65,7 +65,7 @@ const ReferenceChip = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
             onRemove && !readOnly && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                 type: "button",
                 disabled: disabled,
-                "aria-label": removeLabel ?? `Remove ${label}`,
+                "aria-label": removeLabel ?? ('string' == typeof label ? `Remove ${label}` : 'Remove'),
                 className: "inline-flex shrink-0 items-center justify-center p-px border-0 bg-transparent cursor-pointer rounded-[2px] w-4 h-4 text-inherit focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-current disabled:cursor-default",
                 onMouseDown: (event)=>{
                     event.preventDefault();

package/dist/components/ui/reference-chip.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 export interface ReferenceChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** Display name of the referenced variable, resource or connection. */
-    label: string;
+    label: ReactNode;
     /** Decorative icon. Branded icons may preserve their original colors. */
     icon?: ReactNode;
     onRemove?: () => void;

package/dist/components/ui/reference-chip.js

@@ -37,7 +37,7 @@ const ReferenceChip = /*#__PURE__*/ forwardRef(({ label, icon, onRemove, removeL
             onRemove && !readOnly && /*#__PURE__*/ jsx("button", {
                 type: "button",
                 disabled: disabled,
-                "aria-label": removeLabel ?? `Remove ${label}`,
+                "aria-label": removeLabel ?? ('string' == typeof label ? `Remove ${label}` : 'Remove'),
                 className: "inline-flex shrink-0 items-center justify-center p-px border-0 bg-transparent cursor-pointer rounded-[2px] w-4 h-4 text-inherit focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-current disabled:cursor-default",
                 onMouseDown: (event)=>{
                     event.preventDefault();

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

@@ -1,2 +1,2 @@
-export type { VariablePickerContentProps, VariablePickerItem, VariablePickerProps, } from './variable-picker';
+export type { RenderVariablePicker, VariablePickerContentProps, VariablePickerItem, VariablePickerProps, VariablePickerSlotProps, } from './variable-picker';
 export { VariablePicker, VariablePickerContent } from './variable-picker';

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

@@ -708,9 +708,6 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
-  .right-6 {
-    right: calc(var(--spacing) * 6);
-  }
   .-bottom-1 {
     bottom: calc(var(--spacing) * -1);
   }
@@ -720,9 +717,6 @@
   .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
-  .bottom-6 {
-    bottom: calc(var(--spacing) * 6);
-  }
   .bottom-auto {
     bottom: auto;
   }
@@ -5019,12 +5013,6 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
-  .text-muted-foreground\/50 {
-    color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
-    }
-  }
   .text-orange-500 {
     color: var(--color-orange-500);
   }
@@ -5525,6 +5513,11 @@
       display: block;
     }
   }
+  .group-focus-within\:opacity-100 {
+    &:is(:where(.group):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
@@ -7791,6 +7784,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.0",
+  "version": "2.76.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",