@uipath/apollo-wind 2.56.0 → 2.57.0

package/dist/components/ui/dropdown-menu.cjs

@@ -47,6 +47,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_input_group_context_cjs_namespaceObject = require("./input-group-context.cjs");
 const DropdownMenu = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Root, {
         "data-slot": "dropdown-menu",
         ...props
@@ -112,14 +113,17 @@ const DropdownMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forw
 DropdownMenuSubContent.displayName = react_dropdown_menu_namespaceObject.SubContent.displayName;
 const DropdownMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
-        container: resolvedContainer,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
-            ref: ref,
-            "data-slot": "dropdown-menu-content",
-            sideOffset: sideOffset,
-            className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
-            ...props
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
+        value: external_input_group_context_cjs_namespaceObject.NO_GROUP,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
+            container: resolvedContainer,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
+                ref: ref,
+                "data-slot": "dropdown-menu-content",
+                sideOffset: sideOffset,
+                className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
+                ...props
+            })
         })
     });
 });

package/dist/components/ui/dropdown-menu.js

@@ -5,6 +5,7 @@ import { Check, ChevronRight, Circle } from "lucide-react";
 import { forwardRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
+import { InputGroupContext, NO_GROUP } from "./input-group-context.js";
 const DropdownMenu = (props)=>/*#__PURE__*/ jsx(Root, {
         "data-slot": "dropdown-menu",
         ...props
@@ -70,14 +71,17 @@ const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }
 DropdownMenuSubContent.displayName = SubContent.displayName;
 const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = useResolvedPortalContainer(container);
-    return /*#__PURE__*/ jsx(Portal, {
-        container: resolvedContainer,
-        children: /*#__PURE__*/ jsx(Content, {
-            ref: ref,
-            "data-slot": "dropdown-menu-content",
-            sideOffset: sideOffset,
-            className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
-            ...props
+    return /*#__PURE__*/ jsx(InputGroupContext.Provider, {
+        value: NO_GROUP,
+        children: /*#__PURE__*/ jsx(Portal, {
+            container: resolvedContainer,
+            children: /*#__PURE__*/ jsx(Content, {
+                ref: ref,
+                "data-slot": "dropdown-menu-content",
+                sideOffset: sideOffset,
+                className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
+                ...props
+            })
         })
     });
 });

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

@@ -0,0 +1,121 @@
+"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__, {
+    AiAssistAction: ()=>AiAssistAction,
+    DEFAULT_AI_ASSIST_ACTION_STRINGS: ()=>DEFAULT_AI_ASSIST_ACTION_STRINGS
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("../button.cjs");
+const external_label_cjs_namespaceObject = require("../label.cjs");
+const external_popover_cjs_namespaceObject = require("../popover.cjs");
+const external_textarea_cjs_namespaceObject = require("../textarea.cjs");
+const external_tooltip_cjs_namespaceObject = require("../tooltip.cjs");
+const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
+    trigger: 'AI assist',
+    tooltip: 'Generate with AI',
+    prompt: 'Describe what you want',
+    promptPlaceholder: 'Display a value from the previous step',
+    generate: 'Generate'
+};
+function AiAssistAction({ onGenerate, hint, strings }) {
+    const promptId = (0, external_react_namespaceObject.useId)();
+    const [prompt, setPrompt] = (0, external_react_namespaceObject.useState)('');
+    const text = {
+        ...DEFAULT_AI_ASSIST_ACTION_STRINGS,
+        ...strings
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
+                            asChild: true,
+                            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",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
+                                    size: 12
+                                })
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                        children: text.tooltip
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
+                align: "end",
+                className: "space-y-3",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "space-y-1.5",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
+                                htmlFor: promptId,
+                                className: "text-xs font-medium text-foreground-muted",
+                                children: text.prompt
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
+                                id: promptId,
+                                rows: 3,
+                                value: prompt,
+                                onChange: (e)=>setPrompt(e.target.value),
+                                placeholder: text.promptPlaceholder,
+                                className: "resize-none text-sm"
+                            })
+                        ]
+                    }),
+                    hint && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "block text-[11px] text-foreground-subtle",
+                        children: hint
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                        size: "sm",
+                        className: "w-full",
+                        disabled: !onGenerate,
+                        onClick: ()=>onGenerate?.(prompt),
+                        children: text.generate
+                    })
+                ]
+            })
+        ]
+    });
+}
+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 === [
+    "AiAssistAction",
+    "DEFAULT_AI_ASSIST_ACTION_STRINGS"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+export interface AiAssistActionStrings {
+    trigger: string;
+    tooltip: string;
+    prompt: string;
+    promptPlaceholder: string;
+    generate: 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;
+    /** 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. */
+    strings?: Partial<AiAssistActionStrings>;
+}
+/**
+ * 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;

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

@@ -0,0 +1,84 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Sparkles } from "lucide-react";
+import { useId, useState } from "react";
+import { Button } from "../button.js";
+import { Label } from "../label.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
+import { Textarea } from "../textarea.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip.js";
+const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
+    trigger: 'AI assist',
+    tooltip: 'Generate with AI',
+    prompt: 'Describe what you want',
+    promptPlaceholder: 'Display a value from the previous step',
+    generate: 'Generate'
+};
+function AiAssistAction({ onGenerate, hint, strings }) {
+    const promptId = useId();
+    const [prompt, setPrompt] = useState('');
+    const text = {
+        ...DEFAULT_AI_ASSIST_ACTION_STRINGS,
+        ...strings
+    };
+    return /*#__PURE__*/ jsxs(Popover, {
+        children: [
+            /*#__PURE__*/ jsxs(Tooltip, {
+                children: [
+                    /*#__PURE__*/ jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(PopoverTrigger, {
+                            asChild: true,
+                            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",
+                                children: /*#__PURE__*/ jsx(Sparkles, {
+                                    size: 12
+                                })
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(TooltipContent, {
+                        children: text.tooltip
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(PopoverContent, {
+                align: "end",
+                className: "space-y-3",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "space-y-1.5",
+                        children: [
+                            /*#__PURE__*/ jsx(Label, {
+                                htmlFor: promptId,
+                                className: "text-xs font-medium text-foreground-muted",
+                                children: text.prompt
+                            }),
+                            /*#__PURE__*/ jsx(Textarea, {
+                                id: promptId,
+                                rows: 3,
+                                value: prompt,
+                                onChange: (e)=>setPrompt(e.target.value),
+                                placeholder: text.promptPlaceholder,
+                                className: "resize-none text-sm"
+                            })
+                        ]
+                    }),
+                    hint && /*#__PURE__*/ jsx("span", {
+                        className: "block text-[11px] text-foreground-subtle",
+                        children: hint
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        size: "sm",
+                        className: "w-full",
+                        disabled: !onGenerate,
+                        onClick: ()=>onGenerate?.(prompt),
+                        children: text.generate
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { AiAssistAction, DEFAULT_AI_ASSIST_ACTION_STRINGS };

package/dist/components/ui/field-actions/collapse.cjs

@@ -0,0 +1,44 @@
+"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__, {
+    COLLAPSED_HIDDEN: ()=>COLLAPSED_HIDDEN,
+    COLLAPSED_ICON_PADDING: ()=>COLLAPSED_ICON_PADDING,
+    COLLAPSED_ONLY: ()=>COLLAPSED_ONLY
+});
+const COLLAPSED_HIDDEN = '@max-[259px]:hidden';
+const COLLAPSED_ICON_PADDING = '@max-[259px]:px-1.5';
+const COLLAPSED_ONLY = 'hidden @max-[259px]:block';
+exports.COLLAPSED_HIDDEN = __webpack_exports__.COLLAPSED_HIDDEN;
+exports.COLLAPSED_ICON_PADDING = __webpack_exports__.COLLAPSED_ICON_PADDING;
+exports.COLLAPSED_ONLY = __webpack_exports__.COLLAPSED_ONLY;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "COLLAPSED_HIDDEN",
+    "COLLAPSED_ICON_PADDING",
+    "COLLAPSED_ONLY"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/field-actions/collapse.d.ts

@@ -0,0 +1,6 @@
+/** Hidden once collapsed, such as an action's text. */
+export declare const COLLAPSED_HIDDEN = "@max-[259px]:hidden";
+/** The tighter padding of an action collapsed to its icon. */
+export declare const COLLAPSED_ICON_PADDING = "@max-[259px]:px-1.5";
+/** Shown only once collapsed. */
+export declare const COLLAPSED_ONLY = "hidden @max-[259px]:block";

package/dist/components/ui/field-actions/collapse.js

@@ -0,0 +1,4 @@
+const COLLAPSED_HIDDEN = '@max-[259px]:hidden';
+const COLLAPSED_ICON_PADDING = '@max-[259px]:px-1.5';
+const COLLAPSED_ONLY = 'hidden @max-[259px]:block';
+export { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING, COLLAPSED_ONLY };

package/dist/components/ui/field-actions/index.cjs

@@ -0,0 +1,46 @@
+"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__, {
+    AiAssistAction: ()=>external_ai_assist_action_cjs_namespaceObject.AiAssistAction,
+    DEFAULT_AI_ASSIST_ACTION_STRINGS: ()=>external_ai_assist_action_cjs_namespaceObject.DEFAULT_AI_ASSIST_ACTION_STRINGS,
+    DEFAULT_INSERT_VARIABLE_ACTION_STRINGS: ()=>external_insert_variable_action_cjs_namespaceObject.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
+    InsertVariableAction: ()=>external_insert_variable_action_cjs_namespaceObject.InsertVariableAction
+});
+const external_ai_assist_action_cjs_namespaceObject = require("./ai-assist-action.cjs");
+const external_insert_variable_action_cjs_namespaceObject = require("./insert-variable-action.cjs");
+exports.AiAssistAction = __webpack_exports__.AiAssistAction;
+exports.DEFAULT_AI_ASSIST_ACTION_STRINGS = __webpack_exports__.DEFAULT_AI_ASSIST_ACTION_STRINGS;
+exports.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = __webpack_exports__.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS;
+exports.InsertVariableAction = __webpack_exports__.InsertVariableAction;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AiAssistAction",
+    "DEFAULT_AI_ASSIST_ACTION_STRINGS",
+    "DEFAULT_INSERT_VARIABLE_ACTION_STRINGS",
+    "InsertVariableAction"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/field-actions/index.d.ts

@@ -0,0 +1,2 @@
+export { AiAssistAction, type AiAssistActionProps, type AiAssistActionStrings, DEFAULT_AI_ASSIST_ACTION_STRINGS, } from './ai-assist-action';
+export { DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction, type InsertVariableActionProps, type InsertVariableActionStrings, } from './insert-variable-action';

package/dist/components/ui/field-actions/index.js

@@ -0,0 +1,3 @@
+import { AiAssistAction, DEFAULT_AI_ASSIST_ACTION_STRINGS } from "./ai-assist-action.js";
+import { DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction } from "./insert-variable-action.js";
+export { AiAssistAction, DEFAULT_AI_ASSIST_ACTION_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction };

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

@@ -0,0 +1,94 @@
+"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__, {
+    DEFAULT_INSERT_VARIABLE_ACTION_STRINGS: ()=>DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
+    InsertVariableAction: ()=>InsertVariableAction
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-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'
+};
+function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
+    const text = {
+        ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
+        ...strings
+    };
+    const inert = disabled || 0 === variables.length || !onInsert;
+    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'
+                    }))
+            }
+        ],
+        onSelect: (variable)=>{
+            if (variable.value) onInsert?.(variable.value);
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+            type: "button",
+            "aria-label": text.ariaLabel,
+            title: text.ariaLabel,
+            disabled: inert,
+            className: (0, external_lib_index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', external_collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5'),
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
+                    size: 12
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: collapsedTextClass,
+                    children: text.label
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                    size: 9,
+                    className: collapsedTextClass
+                })
+            ]
+        })
+    });
+}
+exports.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = __webpack_exports__.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS;
+exports.InsertVariableAction = __webpack_exports__.InsertVariableAction;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_INSERT_VARIABLE_ACTION_STRINGS",
+    "InsertVariableAction"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,22 @@
+export interface InsertVariableActionStrings {
+    /** Visible text, hidden when the action collapses to its icon. */
+    label: string;
+    /** Accessible name and hover title. */
+    ariaLabel: string;
+}
+export declare const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS: InsertVariableActionStrings;
+export interface InsertVariableActionProps {
+    variables: {
+        label: string;
+        value: string;
+    }[];
+    /** Called with the picked variable's value. Omitted, the action is disabled. */
+    onInsert?: (value: string) => void;
+    disabled?: boolean;
+    /** Icon only. Below a 260px `@container` the action also collapses to its icon by itself. */
+    compact?: boolean;
+    /** Overrides for any subset of the English strings. */
+    strings?: Partial<InsertVariableActionStrings>;
+}
+/** The Insert-variable header action: opens a variable picker and reports the pick. */
+export declare function InsertVariableAction({ variables, onInsert, disabled, compact, strings, }: InsertVariableActionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Braces, ChevronDown } from "lucide-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'
+};
+function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
+    const text = {
+        ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
+        ...strings
+    };
+    const inert = disabled || 0 === variables.length || !onInsert;
+    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'
+                    }))
+            }
+        ],
+        onSelect: (variable)=>{
+            if (variable.value) onInsert?.(variable.value);
+        },
+        children: /*#__PURE__*/ jsxs("button", {
+            type: "button",
+            "aria-label": text.ariaLabel,
+            title: text.ariaLabel,
+            disabled: inert,
+            className: cn('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', COLLAPSED_ICON_PADDING, compact && '!px-1.5'),
+            children: [
+                /*#__PURE__*/ jsx(Braces, {
+                    size: 12
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: collapsedTextClass,
+                    children: text.label
+                }),
+                /*#__PURE__*/ jsx(ChevronDown, {
+                    size: 9,
+                    className: collapsedTextClass
+                })
+            ]
+        })
+    });
+}
+export { DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction };

package/dist/components/ui/field-addons/index.cjs

@@ -0,0 +1,50 @@
+"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__, {
+    useValueModeStrings: ()=>external_value_mode_strings_cjs_namespaceObject.useValueModeStrings,
+    DEFAULT_VALUE_MODE_STRINGS: ()=>external_value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
+    ValueModeIndicator: ()=>external_value_mode_indicator_cjs_namespaceObject.ValueModeIndicator,
+    ValueModeMenu: ()=>external_value_mode_menu_cjs_namespaceObject.ValueModeMenu,
+    ValueModeStringsProvider: ()=>external_value_mode_strings_cjs_namespaceObject.ValueModeStringsProvider
+});
+const external_value_mode_indicator_cjs_namespaceObject = require("./value-mode-indicator.cjs");
+const external_value_mode_menu_cjs_namespaceObject = require("./value-mode-menu.cjs");
+const external_value_mode_strings_cjs_namespaceObject = require("./value-mode-strings.cjs");
+exports.DEFAULT_VALUE_MODE_STRINGS = __webpack_exports__.DEFAULT_VALUE_MODE_STRINGS;
+exports.ValueModeIndicator = __webpack_exports__.ValueModeIndicator;
+exports.ValueModeMenu = __webpack_exports__.ValueModeMenu;
+exports.ValueModeStringsProvider = __webpack_exports__.ValueModeStringsProvider;
+exports.useValueModeStrings = __webpack_exports__.useValueModeStrings;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_VALUE_MODE_STRINGS",
+    "ValueModeIndicator",
+    "ValueModeMenu",
+    "ValueModeStringsProvider",
+    "useValueModeStrings"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/field-addons/index.d.ts

@@ -0,0 +1,3 @@
+export { ValueModeIndicator, type ValueModeIndicatorProps } from './value-mode-indicator';
+export { ValueModeMenu, type ValueModeMenuAction, type ValueModeMenuProps, type ValueModeOption, } from './value-mode-menu';
+export { DEFAULT_VALUE_MODE_STRINGS, useValueModeStrings, type ValueMode, type ValueModeStrings, ValueModeStringsProvider, type ValueModeStringsProviderProps, } from './value-mode-strings';

package/dist/components/ui/field-addons/index.js

@@ -0,0 +1,4 @@
+import { ValueModeIndicator } from "./value-mode-indicator.js";
+import { ValueModeMenu } from "./value-mode-menu.js";
+import { DEFAULT_VALUE_MODE_STRINGS, ValueModeStringsProvider, useValueModeStrings } from "./value-mode-strings.js";
+export { DEFAULT_VALUE_MODE_STRINGS, ValueModeIndicator, ValueModeMenu, ValueModeStringsProvider, useValueModeStrings };