@uipath/apollo-wind 2.31.0 → 2.32.0

package/dist/components/ui/lockable-value-field/types.d.ts

@@ -0,0 +1,78 @@
+import { type LucideIcon } from 'lucide-react';
+import type { ReactNode } from 'react';
+export type LockableValueFieldMode = 'fixed' | 'expression';
+export type LockableFieldType = 'string' | 'integer' | 'date' | 'boolean' | 'single-select' | 'multi-select' | 'file';
+interface FieldTypeMeta {
+    label: string;
+    icon: LucideIcon;
+    supportsExpression: boolean;
+    fixedLabel: string;
+    fixedDescription: string;
+}
+export declare const FIELD_TYPE_META: Record<LockableFieldType, FieldTypeMeta>;
+export declare const FIELD_TYPE_ORDER: LockableFieldType[];
+export interface LockableValueFieldOption {
+    label: string;
+    value: string;
+}
+export interface LockableValueFieldProps {
+    /** Current field value. Encoding depends on fieldType (e.g. multi-select is a JSON array string). */
+    value?: string;
+    /** Called when the user edits the value (only fires while unlocked). */
+    onValueChange?: (value: string) => void;
+    /** Called when the active value control loses focus. */
+    onValueBlur?: () => void;
+    /** Whether the field is read-only. Defaults to true. */
+    locked?: boolean;
+    /** Called when the user toggles the lock. */
+    onLockedChange?: (locked: boolean) => void;
+    /** Fixed value vs. JS expression. Defaults to 'fixed'. Ignored for types that don't support expressions. */
+    mode?: LockableValueFieldMode;
+    /** Called when the user switches modes. */
+    onModeChange?: (mode: LockableValueFieldMode) => void;
+    /**
+     * Optional expression editor used in place of the built-in monospace input.
+     * Consumers can use this to supply a syntax-aware editor such as Monaco.
+     */
+    renderExpressionEditor?: (props: {
+        id: string;
+        value: string;
+        onValueChange?: (value: string) => void;
+        onBlur?: () => void;
+        readOnly: boolean;
+        placeholder: string;
+        fieldType: LockableFieldType;
+    }) => ReactNode;
+    /** The field's data type. Defaults to 'string'. Determines which control renders the value. */
+    fieldType?: LockableFieldType;
+    /** Called when the user switches the field type. */
+    onFieldTypeChange?: (fieldType: LockableFieldType) => void;
+    /** Shows a required-field asterisk next to the default label. Ignored when `label` is provided. */
+    required?: boolean;
+    /** Called when the user toggles required/optional. Renders the Required switch when provided. */
+    onRequiredChange?: (required: boolean) => void;
+    /** Overrides the default mode-based label (e.g. a field name instead of "String value"). */
+    label?: ReactNode;
+    /** Accessible name for the file-upload dropzone. Defaults to a string `label`, then the computed field label. */
+    fileUploadAriaLabel?: string;
+    /** Extra content rendered after the built-in AI assist / Insert variable buttons (e.g. a delete button). */
+    headerActions?: ReactNode;
+    /** Forces the header row into its narrow-container icon-only layout, regardless of actual width. For demos/comparisons. */
+    compact?: boolean;
+    /** Whether the field-type, AI-assist, and insert-variable controls are always shown or only on hover. Defaults to 'visible'. */
+    controlsVisibility?: 'visible' | 'hover';
+    /** Whether the AI-assist and Insert-variable actions render at all. Set to false for read-only reviewer contexts where field configuration isn't editable. Defaults to true. */
+    showFieldActions?: boolean;
+    /** Options for 'single-select' / 'multi-select' field types. Defaults to a small set of demo options. */
+    options?: LockableValueFieldOption[];
+    /** Called with the entered prompt when the user clicks Generate in the AI-assist popover. */
+    onGenerateWithAi?: (prompt: string) => void;
+    /**
+     * Variables offered by the "Insert variable" popover; clicking one appends its value to the
+     * current value. The button is disabled when this is empty (the default).
+     */
+    variables?: LockableValueFieldOption[];
+    id?: string;
+    className?: string;
+}
+export {};

package/dist/components/ui/lockable-value-field/types.js

@@ -0,0 +1,62 @@
+import { ALargeSmall, Calendar, File, Hash, List, ListChecks, ToggleLeft } from "lucide-react";
+const FIELD_TYPE_META = {
+    string: {
+        label: 'String',
+        icon: ALargeSmall,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal string value'
+    },
+    integer: {
+        label: 'Integer',
+        icon: Hash,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal number value'
+    },
+    date: {
+        label: 'Date',
+        icon: Calendar,
+        supportsExpression: true,
+        fixedLabel: 'Fixed date',
+        fixedDescription: 'Use a literal date value'
+    },
+    boolean: {
+        label: 'Boolean',
+        icon: ToggleLeft,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal true or false value'
+    },
+    'single-select': {
+        label: 'Single select',
+        icon: List,
+        supportsExpression: false,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Choose one option'
+    },
+    'multi-select': {
+        label: 'Multi select',
+        icon: ListChecks,
+        supportsExpression: false,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Choose one or more options'
+    },
+    file: {
+        label: 'File',
+        icon: File,
+        supportsExpression: false,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Upload a file'
+    }
+};
+const FIELD_TYPE_ORDER = [
+    'string',
+    'integer',
+    'date',
+    'boolean',
+    'single-select',
+    'multi-select',
+    'file'
+];
+export { FIELD_TYPE_META, FIELD_TYPE_ORDER };

package/dist/components/ui/lockable-value-field/utils.cjs

@@ -0,0 +1,117 @@
+"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_SELECT_OPTIONS: ()=>DEFAULT_SELECT_OPTIONS,
+    formatDateValue: ()=>formatDateValue,
+    getLockedDisplayValue: ()=>getLockedDisplayValue,
+    parseDateValue: ()=>parseDateValue,
+    parseListValue: ()=>parseListValue,
+    toDateOnlyString: ()=>toDateOnlyString
+});
+const DEFAULT_SELECT_OPTIONS = [
+    {
+        label: 'Option 1',
+        value: 'option-1'
+    },
+    {
+        label: 'Option 2',
+        value: 'option-2'
+    },
+    {
+        label: 'Option 3',
+        value: 'option-3'
+    }
+];
+function parseListValue(value) {
+    try {
+        const parsed = JSON.parse(value);
+        return Array.isArray(parsed) ? parsed.filter((v)=>'string' == typeof v) : [];
+    } catch  {
+        return [];
+    }
+}
+const DATE_ONLY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+function parseDateValue(value) {
+    if (DATE_ONLY_PATTERN.test(value)) {
+        const [year, month, day] = value.split('-').map(Number);
+        const date = new Date(year, month - 1, day);
+        const isValid = !Number.isNaN(date.getTime()) && date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+        return isValid ? date : void 0;
+    }
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? void 0 : date;
+}
+function toDateOnlyString(date) {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+function formatDateValue(value) {
+    const date = parseDateValue(value);
+    return date ? date.toLocaleDateString(void 0, {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric'
+    }) : value;
+}
+function getLockedDisplayValue(fieldType, value, options) {
+    switch(fieldType){
+        case 'boolean':
+            if ('true' === value) return 'True';
+            if ('false' === value) return 'False';
+            return '';
+        case 'date':
+            return value ? formatDateValue(value) : '';
+        case 'single-select':
+            return options.find((option)=>option.value === value)?.label ?? value;
+        case 'multi-select':
+            {
+                const parsed = parseListValue(value);
+                if (0 === parsed.length && value && '[]' !== value) return value;
+                return parsed.map((v)=>options.find((option)=>option.value === v)?.label ?? v).join(', ');
+            }
+        default:
+            return value;
+    }
+}
+exports.DEFAULT_SELECT_OPTIONS = __webpack_exports__.DEFAULT_SELECT_OPTIONS;
+exports.formatDateValue = __webpack_exports__.formatDateValue;
+exports.getLockedDisplayValue = __webpack_exports__.getLockedDisplayValue;
+exports.parseDateValue = __webpack_exports__.parseDateValue;
+exports.parseListValue = __webpack_exports__.parseListValue;
+exports.toDateOnlyString = __webpack_exports__.toDateOnlyString;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_SELECT_OPTIONS",
+    "formatDateValue",
+    "getLockedDisplayValue",
+    "parseDateValue",
+    "parseListValue",
+    "toDateOnlyString"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/lockable-value-field/utils.d.ts

@@ -0,0 +1,24 @@
+import type { LockableFieldType, LockableValueFieldOption } from './types';
+export declare const DEFAULT_SELECT_OPTIONS: LockableValueFieldOption[];
+export declare function parseListValue(value: string): string[];
+/**
+ * Parses a date field's stored value, returning undefined for empty or invalid input.
+ *
+ * Date-only strings (`YYYY-MM-DD`) are parsed as a local date instead of going through
+ * `new Date(string)` directly -- the latter treats date-only strings as UTC midnight,
+ * which rolls over to the previous day once formatted in a negative-UTC-offset
+ * timezone. Full ISO timestamps (which already carry explicit time/zone info) go
+ * through `new Date` as-is.
+ */
+export declare function parseDateValue(value: string): Date | undefined;
+/** Formats a Date as a local `YYYY-MM-DD` string, the inverse of parseDateValue's date-only path. */
+export declare function toDateOnlyString(date: Date): string;
+/** Formats a date field's value for display, falling back to the raw value if it isn't a valid date. */
+export declare function formatDateValue(value: string): string;
+/**
+ * Computes the plain-text shown in place of the real control once a field is locked.
+ * Boolean/single-select/multi-select resolve their stored value to a display label;
+ * everything else (including an invalid date, so the component never throws on
+ * external input) falls back to the raw value.
+ */
+export declare function getLockedDisplayValue(fieldType: LockableFieldType, value: string, options: LockableValueFieldOption[]): string;

package/dist/components/ui/lockable-value-field/utils.js

@@ -0,0 +1,68 @@
+const DEFAULT_SELECT_OPTIONS = [
+    {
+        label: 'Option 1',
+        value: 'option-1'
+    },
+    {
+        label: 'Option 2',
+        value: 'option-2'
+    },
+    {
+        label: 'Option 3',
+        value: 'option-3'
+    }
+];
+function parseListValue(value) {
+    try {
+        const parsed = JSON.parse(value);
+        return Array.isArray(parsed) ? parsed.filter((v)=>'string' == typeof v) : [];
+    } catch  {
+        return [];
+    }
+}
+const DATE_ONLY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+function parseDateValue(value) {
+    if (DATE_ONLY_PATTERN.test(value)) {
+        const [year, month, day] = value.split('-').map(Number);
+        const date = new Date(year, month - 1, day);
+        const isValid = !Number.isNaN(date.getTime()) && date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+        return isValid ? date : void 0;
+    }
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? void 0 : date;
+}
+function toDateOnlyString(date) {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+function formatDateValue(value) {
+    const date = parseDateValue(value);
+    return date ? date.toLocaleDateString(void 0, {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric'
+    }) : value;
+}
+function getLockedDisplayValue(fieldType, value, options) {
+    switch(fieldType){
+        case 'boolean':
+            if ('true' === value) return 'True';
+            if ('false' === value) return 'False';
+            return '';
+        case 'date':
+            return value ? formatDateValue(value) : '';
+        case 'single-select':
+            return options.find((option)=>option.value === value)?.label ?? value;
+        case 'multi-select':
+            {
+                const parsed = parseListValue(value);
+                if (0 === parsed.length && value && '[]' !== value) return value;
+                return parsed.map((v)=>options.find((option)=>option.value === v)?.label ?? v).join(', ');
+            }
+        default:
+            return value;
+    }
+}
+export { DEFAULT_SELECT_OPTIONS, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString };

package/dist/components/ui/multi-select.cjs

@@ -35,7 +35,7 @@ const external_checkbox_cjs_namespaceObject = require("./checkbox.cjs");
 const external_command_cjs_namespaceObject = require("./command.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText }, ref)=>{
+const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, onBlur }, ref)=>{
     const [open, setOpen] = external_react_namespaceObject.useState(false);
     const handleUnselect = (value)=>{
         onChange(selected.filter((s)=>s !== value));
@@ -58,15 +58,19 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ o
         className: (0, index_cjs_namespaceObject.cn)('relative', className),
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
             open: open,
-            onOpenChange: setOpen,
+            onOpenChange: (nextOpen)=>{
+                setOpen(nextOpen);
+                if (!nextOpen && open) onBlur?.();
+            },
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
                     asChild: true,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                        id: id,
                         variant: "outline",
                         role: "combobox",
                         "aria-expanded": open,
-                        "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
+                        "aria-label": id ? void 0 : selected.length > 0 ? `${selected.length} ${1 === selected.length ? 'item' : 'items'} selected` : placeholder,
                         className: (0, index_cjs_namespaceObject.cn)('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:font-normal future:text-muted-foreground', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
                         disabled: disabled,
                         children: [

package/dist/components/ui/multi-select.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 export interface MultiSelectProps {
+    /** Applied to the trigger button, so a `<label htmlFor>` pointing at it associates correctly. */
+    id?: string;
     options: {
         label: string;
         value: string;
@@ -13,6 +15,8 @@ export interface MultiSelectProps {
     disabled?: boolean;
     searchPlaceholder?: string;
     clearAllText?: string | ((count: number) => string);
+    /** Called when the multi-select popover closes after being opened. */
+    onBlur?: () => void;
 }
 declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
 export { MultiSelect };

package/dist/components/ui/multi-select.js

@@ -7,7 +7,7 @@ import { Checkbox } from "./checkbox.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
-const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText }, ref)=>{
+const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText, onBlur }, ref)=>{
     const [open, setOpen] = useState(false);
     const handleUnselect = (value)=>{
         onChange(selected.filter((s)=>s !== value));
@@ -30,15 +30,19 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, pla
         className: cn('relative', className),
         children: /*#__PURE__*/ jsxs(Popover, {
             open: open,
-            onOpenChange: setOpen,
+            onOpenChange: (nextOpen)=>{
+                setOpen(nextOpen);
+                if (!nextOpen && open) onBlur?.();
+            },
             children: [
                 /*#__PURE__*/ jsx(PopoverTrigger, {
                     asChild: true,
                     children: /*#__PURE__*/ jsxs(Button, {
+                        id: id,
                         variant: "outline",
                         role: "combobox",
                         "aria-expanded": open,
-                        "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
+                        "aria-label": id ? void 0 : selected.length > 0 ? `${selected.length} ${1 === selected.length ? 'item' : 'items'} selected` : placeholder,
                         className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:font-normal future:text-muted-foreground', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
                         disabled: disabled,
                         children: [

package/dist/components/ui/search.cjs

@@ -52,7 +52,7 @@ const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
                 ref: ref,
                 type: "search",
-                className: className,
+                className: (0, index_cjs_namespaceObject.cn)('[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none', className),
                 value: value,
                 onChange: (e)=>onChange?.(e.target.value),
                 ...props

package/dist/components/ui/search.js

@@ -23,7 +23,7 @@ const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, on
             /*#__PURE__*/ jsx(InputGroupInput, {
                 ref: ref,
                 type: "search",
-                className: className,
+                className: cn('[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none', className),
                 value: value,
                 onChange: (e)=>onChange?.(e.target.value),
                 ...props

package/dist/index.cjs

@@ -47,28 +47,28 @@ __webpack_require__.d(__webpack_exports__, {
     CommandEmpty: ()=>command_cjs_namespaceObject.CommandEmpty,
     Skeleton: ()=>skeleton_cjs_namespaceObject.Skeleton,
     AlertDialogOverlay: ()=>alert_dialog_cjs_namespaceObject.AlertDialogOverlay,
-    PaginationContent: ()=>pagination_cjs_namespaceObject.PaginationContent,
+    FIELD_TYPE_ORDER: ()=>index_cjs_namespaceObject.FIELD_TYPE_ORDER,
     DropdownMenuSubTrigger: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSubTrigger,
     ButtonGroupText: ()=>button_group_cjs_namespaceObject.ButtonGroupText,
-    SelectGroup: ()=>select_cjs_namespaceObject.SelectGroup,
+    PaginationContent: ()=>pagination_cjs_namespaceObject.PaginationContent,
     ContextMenuLabel: ()=>context_menu_cjs_namespaceObject.ContextMenuLabel,
-    TooltipTrigger: ()=>tooltip_cjs_namespaceObject.TooltipTrigger,
+    SelectGroup: ()=>select_cjs_namespaceObject.SelectGroup,
     ContextMenuSeparator: ()=>context_menu_cjs_namespaceObject.ContextMenuSeparator,
     DropdownMenuContent: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuContent,
     ContextMenuSub: ()=>context_menu_cjs_namespaceObject.ContextMenuSub,
+    LockableValueField: ()=>index_cjs_namespaceObject.LockableValueField,
     PopoverTrigger: ()=>popover_cjs_namespaceObject.PopoverTrigger,
     Separator: ()=>separator_cjs_namespaceObject.Separator,
-    TreeView: ()=>tree_view_cjs_default(),
     CardDescription: ()=>card_cjs_namespaceObject.CardDescription,
     ContextMenuContent: ()=>context_menu_cjs_namespaceObject.ContextMenuContent,
     Pagination: ()=>pagination_cjs_namespaceObject.Pagination,
     SheetFooter: ()=>sheet_cjs_namespaceObject.SheetFooter,
-    auditPlugin: ()=>form_plugins_cjs_namespaceObject.auditPlugin,
-    toast: ()=>sonner_cjs_namespaceObject.toast,
+    TooltipTrigger: ()=>tooltip_cjs_namespaceObject.TooltipTrigger,
+    TreeView: ()=>tree_view_cjs_default(),
     CommandSeparator: ()=>command_cjs_namespaceObject.CommandSeparator,
     FormFieldRenderer: ()=>field_renderer_cjs_namespaceObject.FormFieldRenderer,
     EditableCell: ()=>editable_cell_cjs_namespaceObject.EditableCell,
-    PromptEditor: ()=>index_cjs_namespaceObject.PromptEditor,
+    PromptEditor: ()=>prompt_editor_index_cjs_namespaceObject.PromptEditor,
     ScrollableTabsList: ()=>tabs_cjs_namespaceObject.ScrollableTabsList,
     Spinner: ()=>spinner_cjs_namespaceObject.Spinner,
     SheetOverlay: ()=>sheet_cjs_namespaceObject.SheetOverlay,
@@ -78,17 +78,18 @@ __webpack_require__.d(__webpack_exports__, {
     TabsList: ()=>tabs_cjs_namespaceObject.TabsList,
     ContextMenuItem: ()=>context_menu_cjs_namespaceObject.ContextMenuItem,
     TooltipContent: ()=>tooltip_cjs_namespaceObject.TooltipContent,
-    buttonVariants: ()=>button_cjs_namespaceObject.buttonVariants,
+    auditPlugin: ()=>form_plugins_cjs_namespaceObject.auditPlugin,
     TableBody: ()=>table_cjs_namespaceObject.TableBody,
     AvatarImage: ()=>avatar_cjs_namespaceObject.AvatarImage,
     RuleBuilder: ()=>rules_engine_cjs_namespaceObject.RuleBuilder,
-    toggleVariants: ()=>toggle_cjs_namespaceObject.toggleVariants,
+    buttonVariants: ()=>button_cjs_namespaceObject.buttonVariants,
     AlertDialogTitle: ()=>alert_dialog_cjs_namespaceObject.AlertDialogTitle,
     DataSourceBuilder: ()=>data_fetcher_cjs_namespaceObject.DataSourceBuilder,
     BreadcrumbEllipsis: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbEllipsis,
     BreadcrumbLink: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbLink,
     badgeVariants: ()=>badge_cjs_namespaceObject.badgeVariants,
     createEditableColumn: ()=>editable_cell_cjs_namespaceObject.createEditableColumn,
+    toggleVariants: ()=>toggle_cjs_namespaceObject.toggleVariants,
     AccordionItem: ()=>accordion_cjs_namespaceObject.AccordionItem,
     DropdownMenuLabel: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuLabel,
     Column: ()=>column_cjs_namespaceObject.Column,
@@ -132,7 +133,7 @@ __webpack_require__.d(__webpack_exports__, {
     TooltipProvider: ()=>tooltip_cjs_namespaceObject.TooltipProvider,
     DataFetcher: ()=>data_fetcher_cjs_namespaceObject.DataFetcher,
     DialogPortal: ()=>dialog_cjs_namespaceObject.DialogPortal,
-    VARIABLE_DRAG_MIME: ()=>index_cjs_namespaceObject.VARIABLE_DRAG_MIME,
+    VARIABLE_DRAG_MIME: ()=>prompt_editor_index_cjs_namespaceObject.VARIABLE_DRAG_MIME,
     analyticsPlugin: ()=>form_plugins_cjs_namespaceObject.analyticsPlugin,
     cn: ()=>utils_cjs_namespaceObject.cn,
     DropdownMenuSub: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSub,
@@ -202,6 +203,7 @@ __webpack_require__.d(__webpack_exports__, {
     SheetPortal: ()=>sheet_cjs_namespaceObject.SheetPortal,
     hasMinMaxStep: ()=>form_schema_cjs_namespaceObject.hasMinMaxStep,
     isFileField: ()=>form_schema_cjs_namespaceObject.isFileField,
+    toast: ()=>sonner_cjs_namespaceObject.toast,
     workflowPlugin: ()=>form_plugins_cjs_namespaceObject.workflowPlugin,
     AlertDialogDescription: ()=>alert_dialog_cjs_namespaceObject.AlertDialogDescription,
     CommandInput: ()=>command_cjs_namespaceObject.CommandInput,
@@ -209,21 +211,21 @@ __webpack_require__.d(__webpack_exports__, {
     DropdownMenuShortcut: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuShortcut,
     FetchAdapter: ()=>data_fetcher_cjs_namespaceObject.FetchAdapter,
     DataTableSelectColumn: ()=>data_table_cjs_namespaceObject.DataTableSelectColumn,
-    FormStateViewer: ()=>form_state_viewer_cjs_namespaceObject.FormStateViewer,
-    CollapsibleTrigger: ()=>collapsible_cjs_namespaceObject.CollapsibleTrigger,
     DropdownMenu: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenu,
+    CollapsibleTrigger: ()=>collapsible_cjs_namespaceObject.CollapsibleTrigger,
+    FormStateViewer: ()=>form_state_viewer_cjs_namespaceObject.FormStateViewer,
     RadioGroup: ()=>radio_group_cjs_namespaceObject.RadioGroup,
     MultiSelect: ()=>multi_select_cjs_namespaceObject.MultiSelect,
     AspectRatio: ()=>aspect_ratio_cjs_namespaceObject.AspectRatio,
     DataTableColumnHeader: ()=>data_table_cjs_namespaceObject.DataTableColumnHeader,
-    DialogContent: ()=>dialog_cjs_namespaceObject.DialogContent,
+    FormDesigner: ()=>form_designer_cjs_namespaceObject.FormDesigner,
     Alert: ()=>alert_cjs_namespaceObject.Alert,
-    DialogTrigger: ()=>dialog_cjs_namespaceObject.DialogTrigger,
+    DialogContent: ()=>dialog_cjs_namespaceObject.DialogContent,
     CommandDialog: ()=>command_cjs_namespaceObject.CommandDialog,
+    DialogTrigger: ()=>dialog_cjs_namespaceObject.DialogTrigger,
     DropdownMenuRadioGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioGroup,
-    DropdownMenuRadioItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioItem,
     Accordion: ()=>accordion_cjs_namespaceObject.Accordion,
-    FormDesigner: ()=>form_designer_cjs_namespaceObject.FormDesigner,
+    DropdownMenuRadioItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioItem,
     Progress: ()=>progress_cjs_namespaceObject.Progress,
     ResizableHandle: ()=>resizable_cjs_namespaceObject.ResizableHandle,
     AlertDialogCancel: ()=>alert_dialog_cjs_namespaceObject.AlertDialogCancel,
@@ -236,10 +238,11 @@ __webpack_require__.d(__webpack_exports__, {
     Dialog: ()=>dialog_cjs_namespaceObject.Dialog,
     DatePicker: ()=>date_picker_cjs_namespaceObject.DatePicker,
     SelectTrigger: ()=>select_cjs_namespaceObject.SelectTrigger,
+    FIELD_TYPE_META: ()=>index_cjs_namespaceObject.FIELD_TYPE_META,
     ToggleGroup: ()=>toggle_group_cjs_namespaceObject.ToggleGroup,
-    spinnerVariants: ()=>spinner_cjs_namespaceObject.spinnerVariants,
     DataTransformers: ()=>data_fetcher_cjs_namespaceObject.DataTransformers,
     RadioGroupItem: ()=>radio_group_cjs_namespaceObject.RadioGroupItem,
+    spinnerVariants: ()=>spinner_cjs_namespaceObject.spinnerVariants,
     PopoverAnchor: ()=>popover_cjs_namespaceObject.PopoverAnchor,
     DropdownMenuPortal: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuPortal,
     ButtonGroupSeparator: ()=>button_group_cjs_namespaceObject.ButtonGroupSeparator,
@@ -265,6 +268,7 @@ const toggle_cjs_namespaceObject = require("./components/ui/toggle.cjs");
 const toggle_group_cjs_namespaceObject = require("./components/ui/toggle-group.cjs");
 const input_cjs_namespaceObject = require("./components/ui/input.cjs");
 const input_group_cjs_namespaceObject = require("./components/ui/input-group.cjs");
+const index_cjs_namespaceObject = require("./components/ui/lockable-value-field/index.cjs");
 const textarea_cjs_namespaceObject = require("./components/ui/textarea.cjs");
 const label_cjs_namespaceObject = require("./components/ui/label.cjs");
 const checkbox_cjs_namespaceObject = require("./components/ui/checkbox.cjs");
@@ -287,7 +291,7 @@ const table_cjs_namespaceObject = require("./components/ui/table.cjs");
 const data_table_cjs_namespaceObject = require("./components/ui/data-table.cjs");
 const editable_cell_cjs_namespaceObject = require("./components/ui/editable-cell.cjs");
 const progress_cjs_namespaceObject = require("./components/ui/progress.cjs");
-const index_cjs_namespaceObject = require("./components/ui/prompt-editor/index.cjs");
+const prompt_editor_index_cjs_namespaceObject = require("./components/ui/prompt-editor/index.cjs");
 const skeleton_cjs_namespaceObject = require("./components/ui/skeleton.cjs");
 const spinner_cjs_namespaceObject = require("./components/ui/spinner.cjs");
 const empty_state_cjs_namespaceObject = require("./components/ui/empty-state.cjs");
@@ -430,6 +434,8 @@ exports.DropdownMenuTrigger = __webpack_exports__.DropdownMenuTrigger;
 exports.EditableCell = __webpack_exports__.EditableCell;
 exports.EmptyState = __webpack_exports__.EmptyState;
 exports.ExpressionBuilder = __webpack_exports__.ExpressionBuilder;
+exports.FIELD_TYPE_META = __webpack_exports__.FIELD_TYPE_META;
+exports.FIELD_TYPE_ORDER = __webpack_exports__.FIELD_TYPE_ORDER;
 exports.FetchAdapter = __webpack_exports__.FetchAdapter;
 exports.FileUpload = __webpack_exports__.FileUpload;
 exports.FormDesigner = __webpack_exports__.FormDesigner;
@@ -447,6 +453,7 @@ exports.InputGroupInput = __webpack_exports__.InputGroupInput;
 exports.InputGroupText = __webpack_exports__.InputGroupText;
 exports.InputGroupTextarea = __webpack_exports__.InputGroupTextarea;
 exports.Label = __webpack_exports__.Label;
+exports.LockableValueField = __webpack_exports__.LockableValueField;
 exports.MetadataForm = __webpack_exports__.MetadataForm;
 exports.MultiSelect = __webpack_exports__.MultiSelect;
 exports.Pagination = __webpack_exports__.Pagination;
@@ -652,6 +659,8 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "EditableCell",
     "EmptyState",
     "ExpressionBuilder",
+    "FIELD_TYPE_META",
+    "FIELD_TYPE_ORDER",
     "FetchAdapter",
     "FileUpload",
     "FormDesigner",
@@ -669,6 +678,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "InputGroupText",
     "InputGroupTextarea",
     "Label",
+    "LockableValueField",
     "MetadataForm",
     "MultiSelect",
     "Pagination",

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export { Input } from './components/ui/input';
 export type { InputProps } from './components/ui/input';
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, } from './components/ui/input-group';
 export type { InputGroupProps, InputGroupAddonProps, InputGroupButtonProps, InputGroupTextProps, InputGroupInputProps, InputGroupTextareaProps, } from './components/ui/input-group';
+export { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField, } from './components/ui/lockable-value-field';
+export type { LockableValueFieldProps, LockableValueFieldMode, LockableFieldType, LockableValueFieldOption, } from './components/ui/lockable-value-field';
 export { Textarea } from './components/ui/textarea';
 export type { TextareaProps } from './components/ui/textarea';
 export { Label } from './components/ui/label';