@uipath/apollo-wind 2.56.0 → 2.57.1

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 };

package/dist/components/ui/field-addons/value-mode-indicator.cjs

@@ -0,0 +1,57 @@
+"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__, {
+    ValueModeIndicator: ()=>ValueModeIndicator
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const external_value_mode_strings_cjs_namespaceObject = require("./value-mode-strings.cjs");
+const ValueModeIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ mode, disabled, className, ...props }, ref)=>{
+    const strings = (0, external_value_mode_strings_cjs_namespaceObject.useValueModeStrings)();
+    if ('expression' !== mode) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "value-mode-indicator",
+        role: "img",
+        "aria-label": strings.expressionIndicator,
+        title: strings.expressionIndicator,
+        className: (0, index_cjs_namespaceObject.cn)('flex items-center justify-center px-2 font-mono text-sm font-medium text-muted-foreground', disabled && 'opacity-50', className),
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            "aria-hidden": "true",
+            children: "="
+        })
+    });
+});
+ValueModeIndicator.displayName = 'ValueModeIndicator';
+exports.ValueModeIndicator = __webpack_exports__.ValueModeIndicator;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ValueModeIndicator"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/field-addons/value-mode-indicator.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type ValueMode } from './value-mode-strings';
+export interface ValueModeIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    mode: ValueMode;
+    disabled?: boolean;
+}
+/**
+ * The `=` ahead of an expression value. Renders nothing in literal mode: its absence is the signal
+ * that the value is plain text. `className` takes alignment overrides, such as nudging the glyph
+ * onto the first line of a growable editor.
+ */
+declare const ValueModeIndicator: React.ForwardRefExoticComponent<ValueModeIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export { ValueModeIndicator };

package/dist/components/ui/field-addons/value-mode-indicator.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/index.js";
+import { useValueModeStrings } from "./value-mode-strings.js";
+const ValueModeIndicator = /*#__PURE__*/ forwardRef(({ mode, disabled, className, ...props }, ref)=>{
+    const strings = useValueModeStrings();
+    if ('expression' !== mode) return null;
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "value-mode-indicator",
+        role: "img",
+        "aria-label": strings.expressionIndicator,
+        title: strings.expressionIndicator,
+        className: cn('flex items-center justify-center px-2 font-mono text-sm font-medium text-muted-foreground', disabled && 'opacity-50', className),
+        ...props,
+        children: /*#__PURE__*/ jsx("span", {
+            "aria-hidden": "true",
+            children: "="
+        })
+    });
+});
+ValueModeIndicator.displayName = 'ValueModeIndicator';
+export { ValueModeIndicator };