@uipath/apollo-wind 2.57.1 → 2.59.0

package/dist/components/ui/field-actions/ai-assist-action.cjs

@@ -40,16 +40,42 @@ const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
     tooltip: 'Generate with AI',
     prompt: 'Describe what you want',
     promptPlaceholder: 'Display a value from the previous step',
-    generate: 'Generate'
+    generate: 'Generate',
+    generating: 'Generating',
+    error: 'Could not generate a value. Try again.'
 };
-function AiAssistAction({ onGenerate, hint, strings }) {
+function AiAssistAction({ onGenerate, hint, disabled, strings }) {
     const promptId = (0, external_react_namespaceObject.useId)();
+    const errorId = (0, external_react_namespaceObject.useId)();
     const [prompt, setPrompt] = (0, external_react_namespaceObject.useState)('');
+    const [open, setOpen] = (0, external_react_namespaceObject.useState)(false);
+    const [pending, setPending] = (0, external_react_namespaceObject.useState)(false);
+    const [failed, setFailed] = (0, external_react_namespaceObject.useState)(false);
     const text = {
         ...DEFAULT_AI_ASSIST_ACTION_STRINGS,
         ...strings
     };
+    const changeOpen = (next)=>{
+        setFailed(false);
+        setOpen(next);
+    };
+    const generate = async ()=>{
+        setFailed(false);
+        const result = onGenerate?.(prompt);
+        if (!isThenable(result)) return;
+        setPending(true);
+        try {
+            await result;
+            setOpen(false);
+        } catch  {
+            setFailed(true);
+        } finally{
+            setPending(false);
+        }
+    };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+        open: open && !disabled,
+        onOpenChange: changeOpen,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
                 children: [
@@ -60,7 +86,8 @@ function AiAssistAction({ onGenerate, hint, strings }) {
                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                 type: "button",
                                 "aria-label": text.trigger,
-                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                disabled: disabled,
+                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
                                     size: 12
                                 })
@@ -90,6 +117,7 @@ function AiAssistAction({ onGenerate, hint, strings }) {
                                 value: prompt,
                                 onChange: (e)=>setPrompt(e.target.value),
                                 placeholder: text.promptPlaceholder,
+                                "aria-describedby": failed ? errorId : void 0,
                                 className: "resize-none text-sm"
                             })
                         ]
@@ -98,18 +126,34 @@ function AiAssistAction({ onGenerate, hint, strings }) {
                         className: "block text-[11px] text-foreground-subtle",
                         children: hint
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                    failed && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        id: errorId,
+                        role: "alert",
+                        className: "text-xs text-error",
+                        children: text.error
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
                         size: "sm",
                         className: "w-full",
-                        disabled: !onGenerate,
-                        onClick: ()=>onGenerate?.(prompt),
-                        children: text.generate
+                        disabled: !onGenerate || pending,
+                        "aria-busy": pending || void 0,
+                        onClick: ()=>generate(),
+                        children: [
+                            pending && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Loader2, {
+                                className: "animate-spin",
+                                "aria-hidden": "true"
+                            }),
+                            pending ? text.generating : text.generate
+                        ]
                     })
                 ]
             })
         ]
     });
 }
+function isThenable(value) {
+    return ('object' == typeof value || 'function' == typeof value) && null !== value && 'function' == typeof value.then;
+}
 exports.AiAssistAction = __webpack_exports__.AiAssistAction;
 exports.DEFAULT_AI_ASSIST_ACTION_STRINGS = __webpack_exports__.DEFAULT_AI_ASSIST_ACTION_STRINGS;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/components/ui/field-actions/ai-assist-action.d.ts

@@ -5,11 +5,20 @@ export interface AiAssistActionStrings {
     prompt: string;
     promptPlaceholder: string;
     generate: string;
+    /** Replaces `generate` while a returned promise is pending. */
+    generating: string;
+    /** Shown when a returned promise rejects. */
+    error: string;
 }
 export declare const DEFAULT_AI_ASSIST_ACTION_STRINGS: AiAssistActionStrings;
 export interface AiAssistActionProps {
-    /** Called with the entered prompt. Omitted, Generate is disabled. */
-    onGenerate?: (prompt: string) => void;
+    /**
+     * Called with the entered prompt. Omitted, Generate is disabled. A returned promise keeps the
+     * prompt open and busy until it settles: it closes once the promise resolves and stays open,
+     * prompt intact and the error shown, if it rejects.
+     */
+    onGenerate?: (prompt: string) => unknown;
+    disabled?: boolean;
     /** A line under the prompt describing what will be generated, such as the value's type. */
     hint?: ReactNode;
     /** Overrides for any subset of the English strings. */
@@ -18,4 +27,4 @@ export interface AiAssistActionProps {
 /**
  * The AI-assist header action: a prompt in a popover. Requires an ancestor `TooltipProvider`.
  */
-export declare function AiAssistAction({ onGenerate, hint, strings }: AiAssistActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiAssistAction({ onGenerate, hint, disabled, strings }: AiAssistActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/field-actions/ai-assist-action.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Sparkles } from "lucide-react";
+import { Loader2, Sparkles } from "lucide-react";
 import { useId, useState } from "react";
 import { Button } from "../button.js";
 import { Label } from "../label.js";
@@ -11,16 +11,42 @@ const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
     tooltip: 'Generate with AI',
     prompt: 'Describe what you want',
     promptPlaceholder: 'Display a value from the previous step',
-    generate: 'Generate'
+    generate: 'Generate',
+    generating: 'Generating',
+    error: 'Could not generate a value. Try again.'
 };
-function AiAssistAction({ onGenerate, hint, strings }) {
+function AiAssistAction({ onGenerate, hint, disabled, strings }) {
     const promptId = useId();
+    const errorId = useId();
     const [prompt, setPrompt] = useState('');
+    const [open, setOpen] = useState(false);
+    const [pending, setPending] = useState(false);
+    const [failed, setFailed] = useState(false);
     const text = {
         ...DEFAULT_AI_ASSIST_ACTION_STRINGS,
         ...strings
     };
+    const changeOpen = (next)=>{
+        setFailed(false);
+        setOpen(next);
+    };
+    const generate = async ()=>{
+        setFailed(false);
+        const result = onGenerate?.(prompt);
+        if (!isThenable(result)) return;
+        setPending(true);
+        try {
+            await result;
+            setOpen(false);
+        } catch  {
+            setFailed(true);
+        } finally{
+            setPending(false);
+        }
+    };
     return /*#__PURE__*/ jsxs(Popover, {
+        open: open && !disabled,
+        onOpenChange: changeOpen,
         children: [
             /*#__PURE__*/ jsxs(Tooltip, {
                 children: [
@@ -31,7 +57,8 @@ function AiAssistAction({ onGenerate, hint, strings }) {
                             children: /*#__PURE__*/ jsx("button", {
                                 type: "button",
                                 "aria-label": text.trigger,
-                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                disabled: disabled,
+                                className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
                                 children: /*#__PURE__*/ jsx(Sparkles, {
                                     size: 12
                                 })
@@ -61,6 +88,7 @@ function AiAssistAction({ onGenerate, hint, strings }) {
                                 value: prompt,
                                 onChange: (e)=>setPrompt(e.target.value),
                                 placeholder: text.promptPlaceholder,
+                                "aria-describedby": failed ? errorId : void 0,
                                 className: "resize-none text-sm"
                             })
                         ]
@@ -69,16 +97,32 @@ function AiAssistAction({ onGenerate, hint, strings }) {
                         className: "block text-[11px] text-foreground-subtle",
                         children: hint
                     }),
-                    /*#__PURE__*/ jsx(Button, {
+                    failed && /*#__PURE__*/ jsx("p", {
+                        id: errorId,
+                        role: "alert",
+                        className: "text-xs text-error",
+                        children: text.error
+                    }),
+                    /*#__PURE__*/ jsxs(Button, {
                         size: "sm",
                         className: "w-full",
-                        disabled: !onGenerate,
-                        onClick: ()=>onGenerate?.(prompt),
-                        children: text.generate
+                        disabled: !onGenerate || pending,
+                        "aria-busy": pending || void 0,
+                        onClick: ()=>generate(),
+                        children: [
+                            pending && /*#__PURE__*/ jsx(Loader2, {
+                                className: "animate-spin",
+                                "aria-hidden": "true"
+                            }),
+                            pending ? text.generating : text.generate
+                        ]
                     })
                 ]
             })
         ]
     });
 }
+function isThenable(value) {
+    return ('object' == typeof value || 'function' == typeof value) && null !== value && 'function' == typeof value.then;
+}
 export { AiAssistAction, DEFAULT_AI_ASSIST_ACTION_STRINGS };

package/dist/components/ui/field-actions/insert-variable-action.cjs

@@ -29,35 +29,36 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
-    ariaLabel: 'Insert variable'
+    ariaLabel: 'Insert variable',
+    searchPlaceholder: 'Search variables...',
+    empty: 'No variables found.',
+    replaceTitle: 'Replace the value?',
+    replaceDescription: 'The variable will replace the current value. This cannot be undone.',
+    replaceConfirm: 'Replace'
 };
 function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
     const text = {
         ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
         ...strings
     };
-    const inert = disabled || 0 === variables.length || !onInsert;
+    const lazy = 'function' == typeof variables;
+    const inert = disabled || !onInsert || !lazy && 0 === variables.length;
+    const [openedItems, setOpenedItems] = (0, external_react_namespaceObject.useState)([]);
     const collapsedTextClass = (0, external_lib_index_cjs_namespaceObject.cn)(external_collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePicker, {
         disabled: inert,
-        items: [
-            {
-                id: 'vars',
-                label: '$vars',
-                type: 'object',
-                children: variables.map((variable)=>({
-                        id: variable.value,
-                        label: variable.label,
-                        value: variable.value,
-                        type: 'string'
-                    }))
-            }
-        ],
+        items: lazy ? openedItems : variables,
+        placeholder: text.searchPlaceholder,
+        emptyText: text.empty,
+        onOpenChange: (open)=>{
+            if (open && lazy) setOpenedItems(variables());
+        },
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value);
         },

package/dist/components/ui/field-actions/insert-variable-action.d.ts

@@ -1,15 +1,26 @@
+import { type VariablePickerItem } from '../variable-picker';
 export interface InsertVariableActionStrings {
     /** Visible text, hidden when the action collapses to its icon. */
     label: string;
     /** Accessible name and hover title. */
     ariaLabel: string;
+    /** The picker's search box. */
+    searchPlaceholder: string;
+    /** The picker with nothing to show. */
+    empty: string;
+    /** Confirms replacing a value that cannot take the reference at a caret. */
+    replaceTitle: string;
+    replaceDescription: string;
+    replaceConfirm: string;
 }
 export declare const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS: InsertVariableActionStrings;
 export interface InsertVariableActionProps {
-    variables: {
-        label: string;
-        value: string;
-    }[];
+    /**
+     * The variables to offer, rendered as supplied: the picker adds no root and no types. A function
+     * is called each time the picker opens, never during render, so a host can hand over a live
+     * source without re-rendering the field whenever it changes.
+     */
+    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
     /** Called with the picked variable's value. Omitted, the action is disabled. */
     onInsert?: (value: string) => void;
     disabled?: boolean;

package/dist/components/ui/field-actions/insert-variable-action.js

@@ -1,34 +1,35 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Braces, ChevronDown } from "lucide-react";
+import { useState } from "react";
 import { VariablePicker } from "../variable-picker/index.js";
 import { cn } from "../../../lib/index.js";
 import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING } from "./collapse.js";
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
-    ariaLabel: 'Insert variable'
+    ariaLabel: 'Insert variable',
+    searchPlaceholder: 'Search variables...',
+    empty: 'No variables found.',
+    replaceTitle: 'Replace the value?',
+    replaceDescription: 'The variable will replace the current value. This cannot be undone.',
+    replaceConfirm: 'Replace'
 };
 function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
     const text = {
         ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
         ...strings
     };
-    const inert = disabled || 0 === variables.length || !onInsert;
+    const lazy = 'function' == typeof variables;
+    const inert = disabled || !onInsert || !lazy && 0 === variables.length;
+    const [openedItems, setOpenedItems] = useState([]);
     const collapsedTextClass = cn(COLLAPSED_HIDDEN, compact && '!hidden');
     return /*#__PURE__*/ jsx(VariablePicker, {
         disabled: inert,
-        items: [
-            {
-                id: 'vars',
-                label: '$vars',
-                type: 'object',
-                children: variables.map((variable)=>({
-                        id: variable.value,
-                        label: variable.label,
-                        value: variable.value,
-                        type: 'string'
-                    }))
-            }
-        ],
+        items: lazy ? openedItems : variables,
+        placeholder: text.searchPlaceholder,
+        emptyText: text.empty,
+        onOpenChange: (open)=>{
+            if (open && lazy) setOpenedItems(variables());
+        },
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value);
         },

package/dist/components/ui/field-addons/built-in-value-modes.cjs

@@ -0,0 +1,84 @@
+"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__, {
+    BUILTIN_VALUE_MODES: ()=>BUILTIN_VALUE_MODES,
+    isBuiltInValueMode: ()=>isBuiltInValueMode,
+    builtInValueModes: ()=>builtInValueModes
+});
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_value_mode_strings_cjs_namespaceObject = require("./value-mode-strings.cjs");
+function literalDescriptionFor(expectedType, strings) {
+    if ('number' === expectedType) return strings.literalNumberDescription;
+    if ('boolean' === expectedType) return strings.literalBooleanDescription;
+    return strings.literalDescription;
+}
+function builtInValueModes(strings, { expectedType, literalDescription } = {}) {
+    const text = {
+        ...external_value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
+    return {
+        literal: {
+            id: 'literal',
+            title: text.literalTitle,
+            description: literalDescription ?? literalDescriptionFor(expectedType, text),
+            icon: external_lucide_react_namespaceObject.Type
+        },
+        expression: {
+            id: 'expression',
+            title: text.expressionTitle,
+            description: text.expressionDescription,
+            icon: external_lucide_react_namespaceObject.SquareFunction
+        },
+        variable: {
+            id: 'variable',
+            title: text.variableTitle,
+            description: text.variableDescription,
+            icon: external_lucide_react_namespaceObject.Variable
+        },
+        prompt: {
+            id: 'prompt',
+            title: text.promptTitle,
+            description: text.promptDescription,
+            icon: external_lucide_react_namespaceObject.Sparkles
+        }
+    };
+}
+const BUILTIN_VALUE_MODES = builtInValueModes();
+function isBuiltInValueMode(id) {
+    return id in BUILTIN_VALUE_MODES;
+}
+exports.BUILTIN_VALUE_MODES = __webpack_exports__.BUILTIN_VALUE_MODES;
+exports.builtInValueModes = __webpack_exports__.builtInValueModes;
+exports.isBuiltInValueMode = __webpack_exports__.isBuiltInValueMode;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "BUILTIN_VALUE_MODES",
+    "builtInValueModes",
+    "isBuiltInValueMode"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/field-addons/built-in-value-modes.d.ts

@@ -0,0 +1,21 @@
+import { type LucideIcon } from 'lucide-react';
+import { type ValueMode, type ValueModeStrings } from './value-mode-strings';
+/** One selectable mode. `id` is the consumer's own vocabulary. */
+export interface ValueModeOption<Id extends string = string> {
+    id: Id;
+    title: string;
+    description?: string;
+    icon: LucideIcon;
+    disabled?: boolean;
+}
+export interface BuiltInValueModesOptions {
+    /** Picks the literal mode's description (`number`, `boolean`, anything else). */
+    expectedType?: string;
+    /** Overrides the literal mode's description. */
+    literalDescription?: string;
+}
+/** The four built-in modes, in `strings` (merged over the English defaults). */
+export declare function builtInValueModes(strings?: Partial<ValueModeStrings>, { expectedType, literalDescription }?: BuiltInValueModesOptions): Record<ValueMode, ValueModeOption<ValueMode>>;
+/** The four built-in modes in English. Call {@link builtInValueModes} for translated ones. */
+export declare const BUILTIN_VALUE_MODES: Record<ValueMode, ValueModeOption<ValueMode>>;
+export declare function isBuiltInValueMode(id: string): id is ValueMode;

package/dist/components/ui/field-addons/built-in-value-modes.js

@@ -0,0 +1,44 @@
+import { Sparkles, SquareFunction, Type, Variable } from "lucide-react";
+import { DEFAULT_VALUE_MODE_STRINGS } from "./value-mode-strings.js";
+function literalDescriptionFor(expectedType, strings) {
+    if ('number' === expectedType) return strings.literalNumberDescription;
+    if ('boolean' === expectedType) return strings.literalBooleanDescription;
+    return strings.literalDescription;
+}
+function builtInValueModes(strings, { expectedType, literalDescription } = {}) {
+    const text = {
+        ...DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
+    return {
+        literal: {
+            id: 'literal',
+            title: text.literalTitle,
+            description: literalDescription ?? literalDescriptionFor(expectedType, text),
+            icon: Type
+        },
+        expression: {
+            id: 'expression',
+            title: text.expressionTitle,
+            description: text.expressionDescription,
+            icon: SquareFunction
+        },
+        variable: {
+            id: 'variable',
+            title: text.variableTitle,
+            description: text.variableDescription,
+            icon: Variable
+        },
+        prompt: {
+            id: 'prompt',
+            title: text.promptTitle,
+            description: text.promptDescription,
+            icon: Sparkles
+        }
+    };
+}
+const BUILTIN_VALUE_MODES = builtInValueModes();
+function isBuiltInValueMode(id) {
+    return id in BUILTIN_VALUE_MODES;
+}
+export { BUILTIN_VALUE_MODES, builtInValueModes, isBuiltInValueMode };

package/dist/components/ui/field-addons/{value-mode-menu.cjs → field-menu.cjs}

@@ -24,7 +24,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ValueModeMenu: ()=>ValueModeMenu,
+    FieldMenu: ()=>FieldMenu,
     ValueModeMenuItem: ()=>ValueModeMenuItem
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -32,12 +32,12 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_button_cjs_namespaceObject = require("../button.cjs");
 const external_dropdown_menu_cjs_namespaceObject = require("../dropdown-menu.cjs");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const external_built_in_value_modes_cjs_namespaceObject = require("./built-in-value-modes.cjs");
 const external_value_mode_strings_cjs_namespaceObject = require("./value-mode-strings.cjs");
-function literalDescriptionFor(expectedType, strings) {
-    if ('number' === expectedType) return strings.literalNumberDescription;
-    if ('boolean' === expectedType) return strings.literalBooleanDescription;
-    return strings.literalDescription;
-}
+const DEFAULT_MODES = [
+    'literal',
+    'expression'
+];
 function ValueModeMenuItem({ icon: Icon, label, description, active, disabled, onClick }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
         role: "menuitemradio",
@@ -67,30 +67,25 @@ function ValueModeMenuItem({ icon: Icon, label, description, active, disabled, o
         ]
     });
 }
-function ValueModeMenu({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription }) {
-    const strings = (0, external_value_mode_strings_cjs_namespaceObject.useValueModeStrings)();
+function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, strings }) {
+    const text = {
+        ...external_value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
+        ...strings
+    };
     const checkedMode = checked ?? mode;
-    const baseModes = modes ?? [
-        {
-            id: 'literal',
-            title: strings.literalTitle,
-            description: literalDescription ?? literalDescriptionFor(expectedType, strings),
-            icon: external_lucide_react_namespaceObject.Type
-        },
-        {
-            id: 'expression',
-            title: strings.expressionTitle,
-            description: strings.expressionDescription,
-            icon: external_lucide_react_namespaceObject.SquareFunction
-        }
-    ];
+    const builtIns = (0, external_built_in_value_modes_cjs_namespaceObject.builtInValueModes)(text, {
+        expectedType,
+        literalDescription
+    });
+    const entries = modes ?? DEFAULT_MODES;
+    const baseModes = entries.map((entry)=>'string' == typeof entry && (0, external_built_in_value_modes_cjs_namespaceObject.isBuiltInValueMode)(entry) ? builtIns[entry] : entry);
     const resolvedModes = extraModes ? [
         ...extraModes,
         ...baseModes
     ] : baseModes;
     const activeMode = resolvedModes.find((item)=>item.id === mode);
     const TriggerIcon = modesDisabled ? external_lucide_react_namespaceObject.MoreHorizontal : activeMode?.icon ?? external_lucide_react_namespaceObject.Type;
-    const triggerLabel = modesDisabled ? strings.fieldActions : activeMode?.title ?? strings.literalTitle;
+    const triggerLabel = modesDisabled ? text.fieldActions : activeMode?.title ?? text.literalTitle;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
@@ -138,10 +133,10 @@ function ValueModeMenu({ mode, onSelect, modes, extraModes, actions, checked, mo
         ]
     });
 }
-exports.ValueModeMenu = __webpack_exports__.ValueModeMenu;
+exports.FieldMenu = __webpack_exports__.FieldMenu;
 exports.ValueModeMenuItem = __webpack_exports__.ValueModeMenuItem;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "ValueModeMenu",
+    "FieldMenu",
     "ValueModeMenuItem"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {