@uipath/apollo-wind 2.60.1 → 2.61.0

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

@@ -0,0 +1,79 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { cn } from "../../../lib/index.js";
+const DEFAULT_JSON_TREE_VIEW_STRINGS = {
+    arrayItem: 'item',
+    emptySearch: 'No fields match your search.',
+    emptyDefault: 'No fields to display.',
+    expandKey: (key)=>`Expand ${key}`,
+    collapseKey: (key)=>`Collapse ${key}`,
+    itemCount: (count)=>1 === count ? '1 item' : `${count} items`,
+    keyCount: (count)=>1 === count ? '1 key' : `${count} keys`,
+    requiredMarker: 'required',
+    pathCopied: 'Path copied',
+    copyPathHint: 'Click to copy this path',
+    copyPathFor: (path)=>`Copy path for ${path}`,
+    wrapValue: 'Wrap value',
+    unwrapValue: 'Unwrap value',
+    wrapValueOf: (key)=>`Wrap value of ${key}`,
+    unwrapValueOf: (key)=>`Unwrap value of ${key}`,
+    editAsJson: 'Edit as JSON',
+    editKeyAsJson: (key)=>`Edit ${key} as JSON`,
+    copyValue: 'Copy value',
+    copyValueOf: (key)=>`Copy value of ${key}`,
+    moreActions: 'More actions',
+    unsetValue: 'unset',
+    editValueOf: (key)=>`Edit value of ${key}`,
+    editJsonOf: (key)=>`Edit JSON of ${key}`,
+    editHint: 'Click to edit',
+    toggleHint: 'Click to toggle',
+    unsetEditHint: 'Click to set a value',
+    enterNumber: 'Enter a number',
+    enterValue: 'Enter a value',
+    invalidJson: 'Invalid JSON',
+    apply: 'Apply',
+    cancel: 'Cancel',
+    searchFields: 'Search fields and values...',
+    searchFieldsAction: 'Search fields and values',
+    clearSearch: 'Clear search',
+    filter: 'Filter',
+    filterActive: (label)=>`Filter: ${label}`,
+    filterAll: 'All',
+    expandAll: 'Expand all',
+    collapseAll: 'Collapse all'
+};
+const JsonTreeViewSettingsContext = /*#__PURE__*/ createContext({
+    strings: DEFAULT_JSON_TREE_VIEW_STRINGS
+});
+function mergeStrings(base, overrides) {
+    const merged = {
+        ...base
+    };
+    for (const key of Object.keys(overrides)){
+        const value = overrides[key];
+        if (void 0 !== value) merged[key] = value;
+    }
+    return merged;
+}
+function JsonTreeViewProvider({ strings, tooltipContentClassName, children }) {
+    const outer = useContext(JsonTreeViewSettingsContext);
+    const value = useMemo(()=>({
+            strings: strings ? mergeStrings(outer.strings, strings) : outer.strings,
+            tooltipContentClassName: cn(outer.tooltipContentClassName, tooltipContentClassName) || void 0
+        }), [
+        outer,
+        strings,
+        tooltipContentClassName
+    ]);
+    return /*#__PURE__*/ jsx(JsonTreeViewSettingsContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useJsonTreeViewStrings() {
+    return useContext(JsonTreeViewSettingsContext).strings;
+}
+function useJsonTreeViewTooltipClassName() {
+    return useContext(JsonTreeViewSettingsContext).tooltipContentClassName;
+}
+export { DEFAULT_JSON_TREE_VIEW_STRINGS, JsonTreeViewProvider, useJsonTreeViewStrings, useJsonTreeViewTooltipClassName };

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

@@ -0,0 +1,70 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PromptValueControl: ()=>PromptValueControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
+const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+    const text = {
+        ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
+    const setRef = external_react_namespaceObject.useMemo(()=>(0, index_cjs_namespaceObject.composeRefs)(ref, inputRef), [
+        ref,
+        inputRef
+    ]);
+    const handleChange = external_react_namespaceObject.useCallback((event)=>onChange(event.target.value), [
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
+        ref: setRef,
+        id: id,
+        name: name,
+        value: 'string' == typeof value ? value : '',
+        onChange: handleChange,
+        onBlur: onBlur,
+        disabled: disabled,
+        placeholder: placeholder ?? text.promptPlaceholder,
+        className: className,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        rows: 1,
+        minRows: 1,
+        maxRows: 6
+    });
+});
+PromptValueControl.displayName = 'PromptValueControl';
+exports.PromptValueControl = __webpack_exports__.PromptValueControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PromptValueControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type ValueModeStrings } from './field-addons/value-mode-strings';
+export interface PromptValueControlProps {
+    id?: string;
+    name?: string;
+    /** The prompt, in plain text. */
+    value?: string;
+    onChange: (prompt: string) => void;
+    onBlur?: () => void;
+    /** Also gets the textarea, as a form library's field ref does to focus an invalid field. */
+    inputRef?: React.Ref<HTMLTextAreaElement>;
+    disabled?: boolean;
+    /** Shown while the prompt is empty. Defaults to `strings.promptPlaceholder`. */
+    placeholder?: string;
+    /** Overrides for any subset of the English strings. */
+    strings?: Partial<ValueModeStrings>;
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+/**
+ * A prompt an agent fills the value from: a textarea that starts one line tall and grows to six.
+ * Render it in an `InputGroup` with `variant="agent"` and `layout="grow"`, whose box marks the value
+ * as a prompt. Props are picked, not spread: as a registered value-mode control it is handed every
+ * `ValueModeControlProps` member.
+ */
+declare const PromptValueControl: React.ForwardRefExoticComponent<PromptValueControlProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { PromptValueControl };

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

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo } from "react";
+import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
+import { Textarea } from "./textarea.js";
+import { composeRefs } from "../../lib/index.js";
+const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+    const text = {
+        ...DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
+    const setRef = useMemo(()=>composeRefs(ref, inputRef), [
+        ref,
+        inputRef
+    ]);
+    const handleChange = useCallback((event)=>onChange(event.target.value), [
+        onChange
+    ]);
+    return /*#__PURE__*/ jsx(Textarea, {
+        ref: setRef,
+        id: id,
+        name: name,
+        value: 'string' == typeof value ? value : '',
+        onChange: handleChange,
+        onBlur: onBlur,
+        disabled: disabled,
+        placeholder: placeholder ?? text.promptPlaceholder,
+        className: className,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        rows: 1,
+        minRows: 1,
+        maxRows: 6
+    });
+});
+PromptValueControl.displayName = 'PromptValueControl';
+export { PromptValueControl };

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

@@ -14,7 +14,7 @@ declare const SheetPortal: {
 };
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     container?: PortalContainerOverride;

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "lg" | "xl" | "default" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xl" | null | undefined;
     variant?: "default" | "primary" | "foreground" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {

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

@@ -2,9 +2,9 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const switchVariants: (props?: ({
-    size?: "sm" | "default" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    size?: "sm" | "default" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch, switchVariants };

package/dist/components/ui/textarea.cjs

@@ -31,7 +31,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const external_form_field_cjs_namespaceObject = require("./form-field.cjs");
 const external_input_group_context_cjs_namespaceObject = require("./input-group-context.cjs");
-const IN_GROUP_CLASS = 'min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:py-0 future:focus-visible:ring-offset-0';
+const IN_GROUP_CLASS = 'min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:py-0.5 future:focus-visible:ring-offset-0';
 function normalizeRows(value) {
     if (void 0 === value || !Number.isFinite(value)) return;
     return Math.max(1, Math.floor(value));

package/dist/components/ui/textarea.js

@@ -3,7 +3,7 @@ import { forwardRef, useCallback, useId, useLayoutEffect, useMemo, useRef } from
 import { cn } from "../../lib/index.js";
 import { FormFieldError } from "./form-field.js";
 import { useControlValidation, useInputGroup } from "./input-group-context.js";
-const IN_GROUP_CLASS = 'min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:py-0 future:focus-visible:ring-offset-0';
+const IN_GROUP_CLASS = 'min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:py-0.5 future:focus-visible:ring-offset-0';
 function normalizeRows(value) {
     if (void 0 === value || !Number.isFinite(value)) return;
     return Math.max(1, Math.floor(value));

package/dist/components/ui/toggle-group.d.ts

@@ -3,12 +3,12 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "xs" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     spacing?: number;
 }) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "xs" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

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

@@ -3,10 +3,10 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "xs" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "xs" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

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

@@ -0,0 +1,98 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    VariableValueControl: ()=>VariableValueControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
+const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
+const external_popover_cjs_namespaceObject = require("./popover.cjs");
+const index_cjs_namespaceObject = require("./variable-picker/index.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 }, ref)=>{
+    const text = {
+        ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
+    const [open, setOpen] = external_react_namespaceObject.useState(false);
+    const [items, setItems] = external_react_namespaceObject.useState('function' == typeof variables ? [] : variables);
+    const reference = 'string' == typeof value ? value : '';
+    const setRef = external_react_namespaceObject.useMemo(()=>(0, external_lib_index_cjs_namespaceObject.composeRefs)(ref, inputRef), [
+        ref,
+        inputRef
+    ]);
+    const changeOpen = external_react_namespaceObject.useCallback((next)=>{
+        if (next) setItems('function' == typeof variables ? variables() : variables);
+        setOpen(next);
+    }, [
+        variables
+    ]);
+    const select = external_react_namespaceObject.useCallback((item)=>{
+        if (item.value) onChange(item.value);
+        setOpen(false);
+    }, [
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+        open: open,
+        onOpenChange: changeOpen,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupPopoverTrigger, {
+                ref: setRef,
+                id: id,
+                onBlur: onBlur,
+                disabled: disabled,
+                placeholder: placeholder ?? text.variablePlaceholder,
+                className: className,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                children: reference && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "truncate font-mono text-sm",
+                    children: reference
+                })
+            }),
+            /*#__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, {
+                    items: items,
+                    onSelect: select,
+                    placeholder: text.variableSearchPlaceholder,
+                    emptyText: text.variableEmpty
+                })
+            })
+        ]
+    });
+});
+VariableValueControl.displayName = 'VariableValueControl';
+exports.VariableValueControl = __webpack_exports__.VariableValueControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "VariableValueControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type ValueModeStrings } from './field-addons/value-mode-strings';
+import { type VariablePickerItem } from './variable-picker';
+export interface VariableValueControlProps {
+    id?: string;
+    name?: string;
+    /** The bound reference, such as `$vars.orderId`. */
+    value?: string;
+    onChange: (reference: string) => void;
+    /** Called when the trigger loses focus, as a form library marks a field touched. */
+    onBlur?: () => void;
+    /** 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.
+     */
+    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+    disabled?: boolean;
+    /** Shown while no variable is bound. Defaults to `strings.variablePlaceholder`. */
+    placeholder?: string;
+    /** Overrides for any subset of the English strings. */
+    strings?: Partial<ValueModeStrings>;
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+/**
+ * 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
+ * width, as a grouped combobox's does. Props are picked, not spread: as a registered value-mode
+ * control it is handed every `ValueModeControlProps` member.
+ */
+declare const VariableValueControl: React.ForwardRefExoticComponent<VariableValueControlProps & React.RefAttributes<HTMLButtonElement>>;
+export { VariableValueControl };

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

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo, useState } from "react";
+import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
+import { InputGroupPopoverTrigger } from "./input-group.js";
+import { Popover, PopoverContent } from "./popover.js";
+import { VariablePickerContent } from "./variable-picker/index.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 }, ref)=>{
+    const text = {
+        ...DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
+    const [open, setOpen] = useState(false);
+    const [items, setItems] = useState('function' == typeof variables ? [] : variables);
+    const reference = 'string' == typeof value ? value : '';
+    const setRef = useMemo(()=>composeRefs(ref, inputRef), [
+        ref,
+        inputRef
+    ]);
+    const changeOpen = useCallback((next)=>{
+        if (next) setItems('function' == typeof variables ? variables() : variables);
+        setOpen(next);
+    }, [
+        variables
+    ]);
+    const select = useCallback((item)=>{
+        if (item.value) onChange(item.value);
+        setOpen(false);
+    }, [
+        onChange
+    ]);
+    return /*#__PURE__*/ jsxs(Popover, {
+        open: open,
+        onOpenChange: changeOpen,
+        children: [
+            /*#__PURE__*/ jsx(InputGroupPopoverTrigger, {
+                ref: setRef,
+                id: id,
+                onBlur: onBlur,
+                disabled: disabled,
+                placeholder: placeholder ?? text.variablePlaceholder,
+                className: className,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                children: reference && /*#__PURE__*/ jsx("span", {
+                    className: "truncate font-mono text-sm",
+                    children: reference
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                align: "start",
+                className: "w-(--radix-popover-trigger-width) p-0",
+                children: /*#__PURE__*/ jsx(VariablePickerContent, {
+                    items: items,
+                    onSelect: select,
+                    placeholder: text.variableSearchPlaceholder,
+                    emptyText: text.variableEmpty
+                })
+            })
+        ]
+    });
+});
+VariableValueControl.displayName = 'VariableValueControl';
+export { VariableValueControl };