@uipath/apollo-wind 2.70.0 → 2.71.0

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

@@ -14,6 +14,7 @@ export * from './calendar';
 export * from './card';
 export * from './chart';
 export * from './chat-composer';
+export * from './chat-hero';
 export * from './checkbox';
 export * from './citation';
 export * from './code-block';
@@ -57,6 +58,7 @@ export * from './popover';
 export * from './portal-container';
 export * from './progress';
 export * from './prompt-editor';
+export * from './prompt-suggestions';
 export * from './prompt-value-control';
 export * from './quick-form-field';
 export * from './radio-group';

package/dist/components/ui/index.js

@@ -15,6 +15,7 @@ export * from "./calendar.js";
 export * from "./card.js";
 export * from "./chart.js";
 export * from "./chat-composer.js";
+export * from "./chat-hero.js";
 export * from "./checkbox.js";
 export * from "./citation.js";
 export * from "./code-block.js";
@@ -58,6 +59,7 @@ export * from "./popover.js";
 export * from "./portal-container.js";
 export * from "./progress.js";
 export * from "./prompt-editor/index.js";
+export * from "./prompt-suggestions.js";
 export * from "./prompt-value-control.js";
 export * from "./quick-form-field/index.js";
 export * from "./radio-group.js";

package/dist/components/ui/prompt-suggestions.cjs

@@ -0,0 +1,133 @@
+"use strict";
+"use client";
+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_PROMPT_SUGGESTIONS_STRINGS: ()=>DEFAULT_PROMPT_SUGGESTIONS_STRINGS,
+    PromptSuggestions: ()=>PromptSuggestions,
+    promptSuggestionsListVariants: ()=>promptSuggestionsListVariants,
+    promptSuggestionVariants: ()=>promptSuggestionVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const DEFAULT_PROMPT_SUGGESTIONS_STRINGS = {
+    label: 'Suggestions'
+};
+const promptSuggestionsListVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex min-w-0 gap-2', {
+    variants: {
+        orientation: {
+            vertical: 'flex-col items-start',
+            horizontal: '-mx-1 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none overflow-x-auto overscroll-x-contain px-1 py-1'
+        }
+    },
+    defaultVariants: {
+        orientation: 'vertical'
+    }
+});
+const promptSuggestionVariants = (0, external_class_variance_authority_namespaceObject.cva)('inline-flex max-w-full cursor-pointer items-center border border-border-subtle bg-surface-raised text-left font-normal text-foreground transition-colors hover:border-border hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        density: {
+            comfortable: 'gap-2 px-4 py-2 text-sm leading-5 [&_svg]:size-4 rounded-xl',
+            compact: 'gap-1.5 px-2 py-1 text-xs leading-4 [&_svg]:size-3.5 rounded-lg'
+        },
+        orientation: {
+            vertical: 'whitespace-normal',
+            horizontal: 'flex-none snap-start whitespace-nowrap'
+        }
+    },
+    defaultVariants: {
+        density: 'comfortable',
+        orientation: 'vertical'
+    }
+});
+const PromptSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, suggestions, onSelect, orientation, density, showLabel = false, animated = false, disabled = false, strings, ...props }, ref)=>{
+    const labelId = external_react_namespaceObject.useId();
+    const resolvedOrientation = orientation ?? 'vertical';
+    const resolvedDensity = density ?? 'comfortable';
+    const text = {
+        ...DEFAULT_PROMPT_SUGGESTIONS_STRINGS,
+        ...strings
+    };
+    if (0 === suggestions.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        role: "group",
+        "aria-label": showLabel ? void 0 : text.label,
+        "aria-labelledby": showLabel ? labelId : void 0,
+        "data-slot": "prompt-suggestions",
+        "data-orientation": resolvedOrientation,
+        "data-density": resolvedDensity,
+        className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 flex-col gap-1', animated && 'animate-slide-in-from-bottom', className),
+        ...props,
+        children: [
+            showLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                id: labelId,
+                "data-slot": "prompt-suggestions-label",
+                className: (0, index_cjs_namespaceObject.cn)('text-start font-semibold text-foreground', 'compact' === resolvedDensity ? 'text-xs leading-4' : 'text-sm leading-5'),
+                children: text.label
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "data-slot": "prompt-suggestions-list",
+                className: promptSuggestionsListVariants({
+                    orientation: resolvedOrientation
+                }),
+                children: suggestions.map((suggestion, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                        type: "button",
+                        "data-slot": "prompt-suggestion",
+                        "data-index": index,
+                        disabled: disabled,
+                        className: promptSuggestionVariants({
+                            density: resolvedDensity,
+                            orientation: resolvedOrientation
+                        }),
+                        onClick: ()=>onSelect?.(suggestion),
+                        children: [
+                            suggestion.icon,
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "min-w-0",
+                                children: suggestion.label
+                            })
+                        ]
+                    }, suggestion.id ?? suggestion.label))
+            })
+        ]
+    });
+});
+PromptSuggestions.displayName = 'PromptSuggestions';
+exports.DEFAULT_PROMPT_SUGGESTIONS_STRINGS = __webpack_exports__.DEFAULT_PROMPT_SUGGESTIONS_STRINGS;
+exports.PromptSuggestions = __webpack_exports__.PromptSuggestions;
+exports.promptSuggestionVariants = __webpack_exports__.promptSuggestionVariants;
+exports.promptSuggestionsListVariants = __webpack_exports__.promptSuggestionsListVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_PROMPT_SUGGESTIONS_STRINGS",
+    "PromptSuggestions",
+    "promptSuggestionVariants",
+    "promptSuggestionsListVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/prompt-suggestions.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+/**
+ * Prompts the user can pick instead of typing, as a group of chips. `onSelect` receives the
+ * suggestion; whether that sends it or puts it in the composer is the caller's call:
+ *
+ * ```tsx
+ * <PromptSuggestions
+ *   suggestions={[{ label: 'Summarize', prompt: 'Summarize this conversation' }]}
+ *   onSelect={({ label, prompt }) => send(prompt ?? label)}
+ * />
+ * ```
+ */
+export interface PromptSuggestionsStrings {
+    /** Accessible name of the group, and its visible title with `showLabel`. */
+    label: string;
+}
+export declare const DEFAULT_PROMPT_SUGGESTIONS_STRINGS: PromptSuggestionsStrings;
+/** One chip. Shaped so a chat service's `{ label, prompt }` suggestions pass straight in. */
+export interface PromptSuggestionItem {
+    label: string;
+    /** The text to send or prefill, when it differs from the label. */
+    prompt?: string;
+    /** Keys the chip. Defaults to `label`. */
+    id?: string;
+    /** Leading icon. */
+    icon?: React.ReactNode;
+}
+export type PromptSuggestionsDensity = 'comfortable' | 'compact';
+declare const promptSuggestionsListVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const promptSuggestionVariants: (props?: ({
+    density?: "compact" | "comfortable" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PromptSuggestionsOrientation = 'vertical' | 'horizontal';
+export interface PromptSuggestionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'children'> {
+    suggestions: PromptSuggestionItem[];
+    onSelect?: (suggestion: PromptSuggestionItem) => void;
+    orientation?: PromptSuggestionsOrientation;
+    density?: PromptSuggestionsDensity;
+    /** Shows `strings.label` as a title above the chips, as a chat does after a reply. */
+    showLabel?: boolean;
+    /** Slides the group in from below when it mounts. Only fades under reduced motion. */
+    animated?: boolean;
+    disabled?: boolean;
+    /** Overrides for any subset of the English strings. */
+    strings?: Partial<PromptSuggestionsStrings>;
+}
+/** Stacks vertically by default; `horizontal` keeps one row that scrolls when it overflows. */
+declare const PromptSuggestions: React.ForwardRefExoticComponent<PromptSuggestionsProps & React.RefAttributes<HTMLDivElement>>;
+export { PromptSuggestions, promptSuggestionsListVariants, promptSuggestionVariants };

package/dist/components/ui/prompt-suggestions.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef, useId } from "react";
+import { cn } from "../../lib/index.js";
+const DEFAULT_PROMPT_SUGGESTIONS_STRINGS = {
+    label: 'Suggestions'
+};
+const promptSuggestionsListVariants = cva('flex min-w-0 gap-2', {
+    variants: {
+        orientation: {
+            vertical: 'flex-col items-start',
+            horizontal: '-mx-1 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none overflow-x-auto overscroll-x-contain px-1 py-1'
+        }
+    },
+    defaultVariants: {
+        orientation: 'vertical'
+    }
+});
+const promptSuggestionVariants = cva('inline-flex max-w-full cursor-pointer items-center border border-border-subtle bg-surface-raised text-left font-normal text-foreground transition-colors hover:border-border hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        density: {
+            comfortable: 'gap-2 px-4 py-2 text-sm leading-5 [&_svg]:size-4 rounded-xl',
+            compact: 'gap-1.5 px-2 py-1 text-xs leading-4 [&_svg]:size-3.5 rounded-lg'
+        },
+        orientation: {
+            vertical: 'whitespace-normal',
+            horizontal: 'flex-none snap-start whitespace-nowrap'
+        }
+    },
+    defaultVariants: {
+        density: 'comfortable',
+        orientation: 'vertical'
+    }
+});
+const PromptSuggestions = /*#__PURE__*/ forwardRef(({ className, suggestions, onSelect, orientation, density, showLabel = false, animated = false, disabled = false, strings, ...props }, ref)=>{
+    const labelId = useId();
+    const resolvedOrientation = orientation ?? 'vertical';
+    const resolvedDensity = density ?? 'comfortable';
+    const text = {
+        ...DEFAULT_PROMPT_SUGGESTIONS_STRINGS,
+        ...strings
+    };
+    if (0 === suggestions.length) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        role: "group",
+        "aria-label": showLabel ? void 0 : text.label,
+        "aria-labelledby": showLabel ? labelId : void 0,
+        "data-slot": "prompt-suggestions",
+        "data-orientation": resolvedOrientation,
+        "data-density": resolvedDensity,
+        className: cn('flex w-full min-w-0 flex-col gap-1', animated && 'animate-slide-in-from-bottom', className),
+        ...props,
+        children: [
+            showLabel && /*#__PURE__*/ jsx("div", {
+                id: labelId,
+                "data-slot": "prompt-suggestions-label",
+                className: cn('text-start font-semibold text-foreground', 'compact' === resolvedDensity ? 'text-xs leading-4' : 'text-sm leading-5'),
+                children: text.label
+            }),
+            /*#__PURE__*/ jsx("div", {
+                "data-slot": "prompt-suggestions-list",
+                className: promptSuggestionsListVariants({
+                    orientation: resolvedOrientation
+                }),
+                children: suggestions.map((suggestion, index)=>/*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        "data-slot": "prompt-suggestion",
+                        "data-index": index,
+                        disabled: disabled,
+                        className: promptSuggestionVariants({
+                            density: resolvedDensity,
+                            orientation: resolvedOrientation
+                        }),
+                        onClick: ()=>onSelect?.(suggestion),
+                        children: [
+                            suggestion.icon,
+                            /*#__PURE__*/ jsx("span", {
+                                className: "min-w-0",
+                                children: suggestion.label
+                            })
+                        ]
+                    }, suggestion.id ?? suggestion.label))
+            })
+        ]
+    });
+});
+PromptSuggestions.displayName = 'PromptSuggestions';
+export { DEFAULT_PROMPT_SUGGESTIONS_STRINGS, PromptSuggestions, promptSuggestionVariants, promptSuggestionsListVariants };

package/dist/components/ui/quick-form-field/components/field-header.cjs

@@ -39,7 +39,7 @@ const ai_assist_action_cjs_namespaceObject = require("../../field-actions/ai-ass
 const collapse_cjs_namespaceObject = require("../../field-actions/collapse.cjs");
 const insert_variable_action_cjs_namespaceObject = require("../../field-actions/insert-variable-action.cjs");
 const external_types_cjs_namespaceObject = require("../types.cjs");
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = external_types_cjs_namespaceObject.FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = external_types_cjs_namespaceObject.FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
     const [pickerItems, optionsBySelectionId] = (0, external_react_namespaceObject.useMemo)(()=>{
         const byId = new Map();
         const toItem = (v, id)=>{
@@ -97,7 +97,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                                                         type: "button",
                                                         "aria-label": strings.fieldTypeAriaLabel,
-                                                        className: (0, 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', collapsedPaddingClass),
+                                                        disabled: disabled,
+                                                        className: (0, 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', collapsedPaddingClass),
                                                         children: [
                                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
                                                                 size: 12
@@ -155,6 +156,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             size: "sm",
                                                             checked: !!required,
                                                             onCheckedChange: onRequiredChange,
+                                                            disabled: disabled,
                                                             className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                             "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                         })
@@ -179,7 +181,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                                                     type: "button",
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
-                                                                    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.Asterisk, {
                                                                         size: 12
                                                                     })
@@ -205,6 +208,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 size: "sm",
                                                                 checked: !!required,
                                                                 onCheckedChange: onRequiredChange,
+                                                                disabled: disabled,
                                                                 className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                                 "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                             })
@@ -220,7 +224,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                 children: [
                                     onGenerateWithAi && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ai_assist_action_cjs_namespaceObject.AiAssistAction, {
                                         onGenerate: onGenerateWithAi,
-                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, typeMeta.supportsExpression)),
+                                        disabled: disabled,
+                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, isExpression)),
                                         strings: {
                                             trigger: strings.aiAssistAriaLabel,
                                             tooltip: strings.aiAssistTooltip,

package/dist/components/ui/quick-form-field/components/field-header.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { QuickFieldType, QuickFormFieldOption, QuickFormFieldStrings } from '../types';
-export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes, onFieldTypeChange, onRequiredChange, compact, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions, }: {
+export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions, }: {
     label?: ReactNode;
     fieldId: string;
     fieldLabel: string;
@@ -11,6 +11,9 @@ export declare function FieldHeader({ label, fieldId, fieldLabel, required, fiel
     onFieldTypeChange?: (fieldType: QuickFieldType) => void;
     onRequiredChange?: (required: boolean) => void;
     compact?: boolean;
+    disabled: boolean;
+    /** Whether the AI output is described as an expression rather than a value. */
+    isExpression: boolean;
     showFieldActions: boolean;
     onValueChange?: (value: string) => void;
     variables: QuickFormFieldOption[];

package/dist/components/ui/quick-form-field/components/field-header.js

@@ -11,7 +11,7 @@ import { AiAssistAction } from "../../field-actions/ai-assist-action.js";
 import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING, COLLAPSED_ONLY } from "../../field-actions/collapse.js";
 import { InsertVariableAction } from "../../field-actions/insert-variable-action.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
     const [pickerItems, optionsBySelectionId] = useMemo(()=>{
         const byId = new Map();
         const toItem = (v, id)=>{
@@ -69,7 +69,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                     children: /*#__PURE__*/ jsxs("button", {
                                                         type: "button",
                                                         "aria-label": strings.fieldTypeAriaLabel,
-                                                        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', collapsedPaddingClass),
+                                                        disabled: disabled,
+                                                        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', collapsedPaddingClass),
                                                         children: [
                                                             /*#__PURE__*/ jsx(typeMeta.icon, {
                                                                 size: 12
@@ -127,6 +128,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             size: "sm",
                                                             checked: !!required,
                                                             onCheckedChange: onRequiredChange,
+                                                            disabled: disabled,
                                                             className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                             "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                         })
@@ -151,7 +153,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 children: /*#__PURE__*/ jsx("button", {
                                                                     type: "button",
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
-                                                                    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(Asterisk, {
                                                                         size: 12
                                                                     })
@@ -177,6 +180,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 size: "sm",
                                                                 checked: !!required,
                                                                 onCheckedChange: onRequiredChange,
+                                                                disabled: disabled,
                                                                 className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                                 "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                             })
@@ -192,7 +196,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                 children: [
                                     onGenerateWithAi && /*#__PURE__*/ jsx(AiAssistAction, {
                                         onGenerate: onGenerateWithAi,
-                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, typeMeta.supportsExpression)),
+                                        disabled: disabled,
+                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, isExpression)),
                                         strings: {
                                             trigger: strings.aiAssistAriaLabel,
                                             tooltip: strings.aiAssistTooltip,

package/dist/components/ui/quick-form-field/components/lock-toggle-button.cjs

@@ -30,8 +30,8 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_input_group_cjs_namespaceObject = require("../../input-group.cjs");
 const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
-function LockToggleButton({ locked, onLockedChange, strings }) {
-    const interactive = !!onLockedChange;
+function LockToggleButton({ locked, onLockedChange, disabled, strings }) {
+    const interactive = !!onLockedChange && !disabled;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
         delayDuration: 300,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {

package/dist/components/ui/quick-form-field/components/lock-toggle-button.d.ts

@@ -1,12 +1,13 @@
 import type { QuickFormFieldStrings } from '../types';
 /**
- * The lock/unlock toggle shared by both the InputGroup and plain-Input
- * layouts. Disabled (and its label adjusted) when onLockedChange isn't
- * provided, since clicking it wouldn't do anything otherwise.
+ * The lock/unlock toggle in the field's leading addon. Disabled (and its label
+ * adjusted) with the field, or when onLockedChange isn't provided, since
+ * clicking it wouldn't do anything otherwise.
  */
-export declare function LockToggleButton({ locked, onLockedChange, strings, }: {
+export declare function LockToggleButton({ locked, onLockedChange, disabled, strings, }: {
     locked: boolean;
     onLockedChange?: (locked: boolean) => void;
+    disabled?: boolean;
     /** See QuickFormFieldStrings. */
     strings: QuickFormFieldStrings;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/quick-form-field/components/lock-toggle-button.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { LockKeyhole, LockKeyholeOpen } from "lucide-react";
 import { InputGroupButton } from "../../input-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
-function LockToggleButton({ locked, onLockedChange, strings }) {
-    const interactive = !!onLockedChange;
+function LockToggleButton({ locked, onLockedChange, disabled, strings }) {
+    const interactive = !!onLockedChange && !disabled;
     return /*#__PURE__*/ jsx(TooltipProvider, {
         delayDuration: 300,
         children: /*#__PURE__*/ jsxs(Tooltip, {

package/dist/components/ui/quick-form-field/index.d.ts

@@ -1,3 +1,3 @@
 export { QuickFormField } from './quick-form-field';
-export type { QuickFieldType, QuickFormFieldMode, QuickFormFieldMoreActions, QuickFormFieldOption, QuickFormFieldProps, QuickFormFieldStrings, VariableInsertContext, } from './types';
+export type { QuickFieldType, QuickFormFieldControlProps, QuickFormFieldMode, QuickFormFieldMoreActions, QuickFormFieldOption, QuickFormFieldProps, QuickFormFieldStrings, VariableInsertContext, } from './types';
 export { DEFAULT_QUICK_FORM_FIELD_STRINGS, FIELD_TYPE_META, FIELD_TYPE_ORDER } from './types';