@uipath/apollo-wind 2.32.4 → 2.33.1

package/dist/components/ui/variable-picker/variable-picker.d.ts

@@ -0,0 +1,42 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface VariablePickerItem {
+    id: string;
+    label: string;
+    value?: string;
+    children?: VariablePickerItem[];
+    disabled?: boolean;
+    /** Branches are selectable when this is true or when they provide a value. */
+    selectable?: boolean;
+    icon?: ReactNode;
+    /** Consumer-defined type name. Known primitive types use the standard compact badge. */
+    type?: string;
+    /** Optional content rendered at the trailing edge, such as a type label or status chip. */
+    trailingAdornment?: ReactNode;
+    metadata?: unknown;
+}
+export interface VariablePickerContentProps {
+    items: VariablePickerItem[];
+    onSelect: (item: VariablePickerItem) => void;
+    placeholder?: string;
+    emptyText?: string;
+    query?: string;
+    initialQuery?: string;
+    onQueryChange?: (query: string) => void;
+    defaultExpandedIds?: Iterable<string>;
+    insertLabel?: string;
+    className?: string;
+}
+export interface VariablePickerProps extends VariablePickerContentProps {
+    /** A single element that Radix can use as the popover trigger. */
+    children?: ReactElement;
+    align?: 'start' | 'center' | 'end';
+    disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerLabel?: string;
+    triggerAriaLabel?: string;
+}
+/** Search and tree content for embedding in a consumer-owned popover or caret-anchored surface. */
+export declare function VariablePickerContent({ items, onSelect, placeholder, emptyText, query: controlledQuery, initialQuery, onQueryChange, defaultExpandedIds, insertLabel, className, }: VariablePickerContentProps): import("react/jsx-runtime").JSX.Element;
+/** Popover-wrapped convenience picker for inserting a variable into a consumer-owned value. */
+export declare function VariablePicker({ children, align, disabled, open: controlledOpen, onOpenChange, triggerLabel, triggerAriaLabel, className, onSelect, ...contentProps }: VariablePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/variable-picker/variable-picker.js

@@ -0,0 +1,209 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Braces, ChevronDown, SquareArrowRightEnter } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "../command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
+import { cn } from "../../../lib/index.js";
+const TYPE_LABEL = {
+    string: 'T',
+    number: '#',
+    boolean: '?',
+    object: '{}',
+    array: '[]',
+    null: '∅'
+};
+function VariableTypeBadge({ item }) {
+    const type = item.type ?? (item.children?.length ? 'object' : 'string');
+    return /*#__PURE__*/ jsx("span", {
+        "aria-hidden": "true",
+        className: "inline-flex h-[18px] min-w-[18px] shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 font-mono text-[9px] font-semibold leading-none text-foreground-muted [&_svg]:size-2.75",
+        children: item.icon ?? TYPE_LABEL[type] ?? type
+    });
+}
+function itemMatches(item, normalizedQuery) {
+    return item.label.toLowerCase().includes(normalizedQuery) || item.value?.toLowerCase().includes(normalizedQuery) === true;
+}
+function filterItems(items, query) {
+    const normalizedQuery = query.trim().toLowerCase();
+    if (!normalizedQuery) return items;
+    return items.flatMap((item)=>{
+        if (itemMatches(item, normalizedQuery)) return [
+            item
+        ];
+        const children = filterItems(item.children ?? [], normalizedQuery);
+        return children.length ? [
+            {
+                ...item,
+                children
+            }
+        ] : [];
+    });
+}
+function VariableRows({ items, filtering, expandedIds, onToggle, onSelect, insertLabel, depth = 0 }) {
+    return items.map((item)=>{
+        const hasChildren = !!item.children?.length;
+        const selectable = item.selectable ?? (!hasChildren || void 0 !== item.value);
+        const expanded = filtering || expandedIds.has(item.id);
+        const handleKeyDown = (event)=>{
+            if (!hasChildren || 'ArrowLeft' !== event.key && 'ArrowRight' !== event.key) return;
+            const shouldExpand = 'ArrowRight' === event.key;
+            if (expandedIds.has(item.id) !== shouldExpand) onToggle(item.id);
+            event.preventDefault();
+        };
+        return /*#__PURE__*/ jsxs("div", {
+            role: "none",
+            children: [
+                /*#__PURE__*/ jsxs(CommandItem, {
+                    value: item.id,
+                    "aria-label": item.label,
+                    disabled: item.disabled,
+                    onKeyDown: handleKeyDown,
+                    onSelect: ()=>hasChildren ? onToggle(item.id) : selectable && onSelect(item),
+                    "data-expanded": hasChildren ? expanded : void 0,
+                    className: "group min-h-0 gap-2 rounded-none py-1 pr-3.5 text-xs hover:bg-surface-overlay data-[selected=true]:bg-surface-overlay data-[selected=true]:text-foreground",
+                    style: {
+                        paddingLeft: `${8 + 16 * depth}px`
+                    },
+                    children: [
+                        hasChildren ? /*#__PURE__*/ jsx("span", {
+                            className: "grid size-3 shrink-0 place-items-center",
+                            children: /*#__PURE__*/ jsx(ChevronDown, {
+                                size: 10,
+                                className: cn('!size-2.5 text-foreground-subtle transition-transform duration-100', !expanded && '-rotate-90')
+                            })
+                        }) : /*#__PURE__*/ jsx("span", {
+                            className: "size-3 shrink-0"
+                        }),
+                        /*#__PURE__*/ jsx(VariableTypeBadge, {
+                            item: item
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "min-w-0 flex-1 truncate font-mono text-foreground",
+                            children: item.label
+                        }),
+                        item.trailingAdornment,
+                        selectable && /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            "aria-label": `${insertLabel}: ${item.label}`,
+                            disabled: item.disabled,
+                            onClick: (event)=>{
+                                event.stopPropagation();
+                                onSelect(item);
+                            },
+                            className: "grid size-5 shrink-0 place-items-center text-foreground-muted opacity-0 transition-opacity hover:text-foreground group-hover:opacity-100 group-data-[selected=true]:opacity-100 focus-visible:opacity-100",
+                            children: /*#__PURE__*/ jsx(SquareArrowRightEnter, {
+                                className: "!size-3.5"
+                            })
+                        })
+                    ]
+                }),
+                hasChildren && expanded && /*#__PURE__*/ jsx(VariableRows, {
+                    items: item.children,
+                    filtering: filtering,
+                    expandedIds: expandedIds,
+                    onToggle: onToggle,
+                    onSelect: onSelect,
+                    insertLabel: insertLabel,
+                    depth: depth + 1
+                })
+            ]
+        }, item.id);
+    });
+}
+function VariablePickerContent({ items, onSelect, placeholder = 'Search variables...', emptyText = 'No variables found.', query: controlledQuery, initialQuery = '', onQueryChange, defaultExpandedIds, insertLabel = 'Insert variable', className }) {
+    const [uncontrolledQuery, setUncontrolledQuery] = useState(initialQuery);
+    const [expandedIds, setExpandedIds] = useState(()=>new Set(defaultExpandedIds ?? items.slice(0, 1).map((item)=>item.id)));
+    const query = controlledQuery ?? uncontrolledQuery;
+    const filteredItems = useMemo(()=>filterItems(items, query), [
+        items,
+        query
+    ]);
+    const setQuery = (nextQuery)=>{
+        if (void 0 === controlledQuery) setUncontrolledQuery(nextQuery);
+        onQueryChange?.(nextQuery);
+    };
+    const toggleExpanded = (id)=>{
+        setExpandedIds((current)=>{
+            const next = new Set(current);
+            if (next.has(id)) next.delete(id);
+            else next.add(id);
+            return next;
+        });
+    };
+    return /*#__PURE__*/ jsxs(Command, {
+        shouldFilter: false,
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(CommandInput, {
+                value: query,
+                onValueChange: setQuery,
+                placeholder: placeholder,
+                autoFocus: true
+            }),
+            /*#__PURE__*/ jsxs(CommandList, {
+                className: "max-h-72 bg-surface-overlay/40 py-1.5",
+                children: [
+                    0 === filteredItems.length && /*#__PURE__*/ jsx(CommandEmpty, {
+                        children: emptyText
+                    }),
+                    filteredItems.length > 0 && /*#__PURE__*/ jsx(VariableRows, {
+                        items: filteredItems,
+                        filtering: query.trim().length > 0,
+                        expandedIds: expandedIds,
+                        onToggle: toggleExpanded,
+                        onSelect: onSelect,
+                        insertLabel: insertLabel
+                    })
+                ]
+            })
+        ]
+    });
+}
+function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, ...contentProps }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const open = controlledOpen ?? uncontrolledOpen;
+    const setOpen = (nextOpen)=>{
+        if (void 0 === controlledOpen) setUncontrolledOpen(nextOpen);
+        onOpenChange?.(nextOpen);
+    };
+    const selectItem = (item)=>{
+        onSelect(item);
+        setOpen(false);
+    };
+    return /*#__PURE__*/ jsxs(Popover, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(PopoverTrigger, {
+                asChild: true,
+                disabled: disabled,
+                children: children ?? /*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    "aria-label": triggerAriaLabel,
+                    className: "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",
+                    children: [
+                        /*#__PURE__*/ jsx(Braces, {
+                            size: 12
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            children: triggerLabel
+                        }),
+                        /*#__PURE__*/ jsx(ChevronDown, {
+                            size: 9
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                align: align,
+                className: cn('w-[280px] max-w-[calc(100vw-1rem)] overflow-hidden p-0', className),
+                children: /*#__PURE__*/ jsx(VariablePickerContent, {
+                    ...contentProps,
+                    onSelect: selectItem
+                })
+            })
+        ]
+    });
+}
+export { VariablePicker, VariablePickerContent };

package/dist/index.cjs

@@ -33,230 +33,232 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    autoSavePlugin: ()=>form_plugins_cjs_namespaceObject.autoSavePlugin,
     PaginationLink: ()=>pagination_cjs_namespaceObject.PaginationLink,
-    ContextMenuCheckboxItem: ()=>context_menu_cjs_namespaceObject.ContextMenuCheckboxItem,
-    AlertDialogContent: ()=>alert_dialog_cjs_namespaceObject.AlertDialogContent,
     DialogHeader: ()=>dialog_cjs_namespaceObject.DialogHeader,
-    isCustomField: ()=>form_schema_cjs_namespaceObject.isCustomField,
+    AlertDialogContent: ()=>alert_dialog_cjs_namespaceObject.AlertDialogContent,
     Row: ()=>row_cjs_namespaceObject.Row,
     Combobox: ()=>combobox_cjs_namespaceObject.Combobox,
-    TableCaption: ()=>table_cjs_namespaceObject.TableCaption,
     DropdownMenuSubContent: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSubContent,
-    SheetClose: ()=>sheet_cjs_namespaceObject.SheetClose,
     CommandEmpty: ()=>command_cjs_namespaceObject.CommandEmpty,
     Skeleton: ()=>skeleton_cjs_namespaceObject.Skeleton,
-    AlertDialogOverlay: ()=>alert_dialog_cjs_namespaceObject.AlertDialogOverlay,
     FIELD_TYPE_ORDER: ()=>index_cjs_namespaceObject.FIELD_TYPE_ORDER,
-    DropdownMenuSubTrigger: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSubTrigger,
-    ButtonGroupText: ()=>button_group_cjs_namespaceObject.ButtonGroupText,
-    PaginationContent: ()=>pagination_cjs_namespaceObject.PaginationContent,
+    auditPlugin: ()=>form_plugins_cjs_namespaceObject.auditPlugin,
     ContextMenuLabel: ()=>context_menu_cjs_namespaceObject.ContextMenuLabel,
-    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,
+    toast: ()=>sonner_cjs_namespaceObject.toast,
     CardDescription: ()=>card_cjs_namespaceObject.CardDescription,
-    ContextMenuContent: ()=>context_menu_cjs_namespaceObject.ContextMenuContent,
-    Pagination: ()=>pagination_cjs_namespaceObject.Pagination,
     SheetFooter: ()=>sheet_cjs_namespaceObject.SheetFooter,
-    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: ()=>prompt_editor_index_cjs_namespaceObject.PromptEditor,
-    ScrollableTabsList: ()=>tabs_cjs_namespaceObject.ScrollableTabsList,
     Spinner: ()=>spinner_cjs_namespaceObject.Spinner,
+    buttonVariants: ()=>button_cjs_namespaceObject.buttonVariants,
     SheetOverlay: ()=>sheet_cjs_namespaceObject.SheetOverlay,
     AlertDialogPortal: ()=>alert_dialog_cjs_namespaceObject.AlertDialogPortal,
-    DropdownMenuGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuGroup,
-    TabsContent: ()=>tabs_cjs_namespaceObject.TabsContent,
     TabsList: ()=>tabs_cjs_namespaceObject.TabsList,
-    ContextMenuItem: ()=>context_menu_cjs_namespaceObject.ContextMenuItem,
-    TooltipContent: ()=>tooltip_cjs_namespaceObject.TooltipContent,
-    auditPlugin: ()=>form_plugins_cjs_namespaceObject.auditPlugin,
     TableBody: ()=>table_cjs_namespaceObject.TableBody,
     AvatarImage: ()=>avatar_cjs_namespaceObject.AvatarImage,
     RuleBuilder: ()=>rules_engine_cjs_namespaceObject.RuleBuilder,
-    buttonVariants: ()=>button_cjs_namespaceObject.buttonVariants,
+    toggleVariants: ()=>toggle_cjs_namespaceObject.toggleVariants,
     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,
+    SheetHeader: ()=>sheet_cjs_namespaceObject.SheetHeader,
     Column: ()=>column_cjs_namespaceObject.Column,
     AlertDialogTrigger: ()=>alert_dialog_cjs_namespaceObject.AlertDialogTrigger,
-    SheetHeader: ()=>sheet_cjs_namespaceObject.SheetHeader,
-    formattingPlugin: ()=>form_plugins_cjs_namespaceObject.formattingPlugin,
     CardContent: ()=>card_cjs_namespaceObject.CardContent,
-    ContextMenuSubTrigger: ()=>context_menu_cjs_namespaceObject.ContextMenuSubTrigger,
-    MetadataForm: ()=>metadata_form_cjs_namespaceObject.MetadataForm,
     SelectValue: ()=>select_cjs_namespaceObject.SelectValue,
-    DialogFooter: ()=>dialog_cjs_namespaceObject.DialogFooter,
-    Card: ()=>card_cjs_namespaceObject.Card,
+    Slider: ()=>slider_cjs_namespaceObject.Slider,
     ContextMenuSubContent: ()=>context_menu_cjs_namespaceObject.ContextMenuSubContent,
-    DropdownMenuCheckboxItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,
     AvatarFallback: ()=>avatar_cjs_namespaceObject.AvatarFallback,
     ContextMenu: ()=>context_menu_cjs_namespaceObject.ContextMenu,
     BreadcrumbItem: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbItem,
-    Sheet: ()=>sheet_cjs_namespaceObject.Sheet,
-    Slider: ()=>slider_cjs_namespaceObject.Slider,
     AlertDialogFooter: ()=>alert_dialog_cjs_namespaceObject.AlertDialogFooter,
     SelectSeparator: ()=>select_cjs_namespaceObject.SelectSeparator,
     Select: ()=>select_cjs_namespaceObject.Select,
     Stepper: ()=>stepper_cjs_namespaceObject.Stepper,
     HoverCard: ()=>hover_card_cjs_namespaceObject.HoverCard,
     SelectScrollUpButton: ()=>select_cjs_namespaceObject.SelectScrollUpButton,
-    AlertDialog: ()=>alert_dialog_cjs_namespaceObject.AlertDialog,
     CommandItem: ()=>command_cjs_namespaceObject.CommandItem,
     ResizablePanel: ()=>resizable_cjs_namespaceObject.ResizablePanel,
-    EmptyState: ()=>empty_state_cjs_namespaceObject.EmptyState,
-    ScrollArea: ()=>scroll_area_cjs_namespaceObject.ScrollArea,
+    TooltipProvider: ()=>tooltip_cjs_namespaceObject.TooltipProvider,
+    TableFooter: ()=>table_cjs_namespaceObject.TableFooter,
     Command: ()=>command_cjs_namespaceObject.Command,
-    PaginationNext: ()=>pagination_cjs_namespaceObject.PaginationNext,
     Grid: ()=>grid_cjs_namespaceObject.Grid,
-    Label: ()=>label_cjs_namespaceObject.Label,
     SheetTitle: ()=>sheet_cjs_namespaceObject.SheetTitle,
     AccordionContent: ()=>accordion_cjs_namespaceObject.AccordionContent,
+    DialogPortal: ()=>dialog_cjs_namespaceObject.DialogPortal,
+    DropdownMenuSub: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSub,
+    SelectLabel: ()=>select_cjs_namespaceObject.SelectLabel,
+    CardTitle: ()=>card_cjs_namespaceObject.CardTitle,
+    ExpressionBuilder: ()=>rules_engine_cjs_namespaceObject.ExpressionBuilder,
+    Input: ()=>input_cjs_namespaceObject.Input,
+    TableHeader: ()=>table_cjs_namespaceObject.TableHeader,
+    Toaster: ()=>sonner_cjs_namespaceObject.Toaster,
+    DialogTitle: ()=>dialog_cjs_namespaceObject.DialogTitle,
+    Popover: ()=>popover_cjs_namespaceObject.Popover,
+    TableCell: ()=>table_cjs_namespaceObject.TableCell,
+    TooltipPortal: ()=>tooltip_cjs_namespaceObject.TooltipPortal,
+    Toggle: ()=>toggle_cjs_namespaceObject.Toggle,
+    Switch: ()=>switch_cjs_namespaceObject.Switch,
+    AlertDialogHeader: ()=>alert_dialog_cjs_namespaceObject.AlertDialogHeader,
+    AlertDialogAction: ()=>alert_dialog_cjs_namespaceObject.AlertDialogAction,
+    TableHead: ()=>table_cjs_namespaceObject.TableHead,
+    Tabs: ()=>tabs_cjs_namespaceObject.Tabs,
+    CollapsibleContent: ()=>collapsible_cjs_namespaceObject.CollapsibleContent,
+    DropdownMenuTrigger: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger,
+    ContextMenuTrigger: ()=>context_menu_cjs_namespaceObject.ContextMenuTrigger,
+    InputGroupText: ()=>input_group_cjs_namespaceObject.InputGroupText,
+    CommandGroup: ()=>command_cjs_namespaceObject.CommandGroup,
+    RulesEngine: ()=>rules_engine_cjs_namespaceObject.RulesEngine,
+    InputGroupButton: ()=>input_group_cjs_namespaceObject.InputGroupButton,
+    SelectScrollDownButton: ()=>select_cjs_namespaceObject.SelectScrollDownButton,
+    BreadcrumbList: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbList,
+    hasMinMaxStep: ()=>form_schema_cjs_namespaceObject.hasMinMaxStep,
+    SearchWithSuggestions: ()=>search_cjs_namespaceObject.SearchWithSuggestions,
+    Button: ()=>button_cjs_namespaceObject.Button,
+    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,
+    RadioGroup: ()=>radio_group_cjs_namespaceObject.RadioGroup,
+    MultiSelect: ()=>multi_select_cjs_namespaceObject.MultiSelect,
+    AspectRatio: ()=>aspect_ratio_cjs_namespaceObject.AspectRatio,
+    Alert: ()=>alert_cjs_namespaceObject.Alert,
+    DropdownMenuRadioItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioItem,
+    CommandDialog: ()=>command_cjs_namespaceObject.CommandDialog,
+    ResizableHandle: ()=>resizable_cjs_namespaceObject.ResizableHandle,
+    Accordion: ()=>accordion_cjs_namespaceObject.Accordion,
+    SheetContent: ()=>sheet_cjs_namespaceObject.SheetContent,
+    AlertDescription: ()=>alert_cjs_namespaceObject.AlertDescription,
+    ContextMenuRadioItem: ()=>context_menu_cjs_namespaceObject.ContextMenuRadioItem,
+    Dialog: ()=>dialog_cjs_namespaceObject.Dialog,
+    DatePicker: ()=>date_picker_cjs_namespaceObject.DatePicker,
+    RadioGroupItem: ()=>radio_group_cjs_namespaceObject.RadioGroupItem,
+    PopoverAnchor: ()=>popover_cjs_namespaceObject.PopoverAnchor,
+    ScrollBar: ()=>scroll_area_cjs_namespaceObject.ScrollBar,
+    ButtonGroupSeparator: ()=>button_group_cjs_namespaceObject.ButtonGroupSeparator,
+    DropdownMenuSeparator: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator,
+    PortalContainerProvider: ()=>portal_container_cjs_namespaceObject.PortalContainerProvider,
+    ResizablePanelGroup: ()=>resizable_cjs_namespaceObject.ResizablePanelGroup,
+    autoSavePlugin: ()=>form_plugins_cjs_namespaceObject.autoSavePlugin,
+    InputGroupInput: ()=>input_group_cjs_namespaceObject.InputGroupInput,
+    ContextMenuCheckboxItem: ()=>context_menu_cjs_namespaceObject.ContextMenuCheckboxItem,
+    isCustomField: ()=>form_schema_cjs_namespaceObject.isCustomField,
+    TreeView: ()=>tree_view_cjs_default(),
+    TableCaption: ()=>table_cjs_namespaceObject.TableCaption,
+    TooltipTrigger: ()=>tooltip_cjs_namespaceObject.TooltipTrigger,
+    SheetClose: ()=>sheet_cjs_namespaceObject.SheetClose,
+    AlertDialogOverlay: ()=>alert_dialog_cjs_namespaceObject.AlertDialogOverlay,
+    PaginationContent: ()=>pagination_cjs_namespaceObject.PaginationContent,
+    DropdownMenuSubTrigger: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSubTrigger,
+    ButtonGroupText: ()=>button_group_cjs_namespaceObject.ButtonGroupText,
+    SelectGroup: ()=>select_cjs_namespaceObject.SelectGroup,
+    VariablePickerContent: ()=>variable_picker_index_cjs_namespaceObject.VariablePickerContent,
+    ContextMenuSeparator: ()=>context_menu_cjs_namespaceObject.ContextMenuSeparator,
+    DropdownMenuContent: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuContent,
+    LockableValueField: ()=>index_cjs_namespaceObject.LockableValueField,
+    Separator: ()=>separator_cjs_namespaceObject.Separator,
+    Pagination: ()=>pagination_cjs_namespaceObject.Pagination,
+    ContextMenuContent: ()=>context_menu_cjs_namespaceObject.ContextMenuContent,
+    FormFieldRenderer: ()=>field_renderer_cjs_namespaceObject.FormFieldRenderer,
+    EditableCell: ()=>editable_cell_cjs_namespaceObject.EditableCell,
+    ScrollableTabsList: ()=>tabs_cjs_namespaceObject.ScrollableTabsList,
+    TabsContent: ()=>tabs_cjs_namespaceObject.TabsContent,
+    TooltipContent: ()=>tooltip_cjs_namespaceObject.TooltipContent,
+    DropdownMenuGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuGroup,
+    ContextMenuItem: ()=>context_menu_cjs_namespaceObject.ContextMenuItem,
+    BreadcrumbEllipsis: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbEllipsis,
+    BreadcrumbLink: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbLink,
+    AccordionItem: ()=>accordion_cjs_namespaceObject.AccordionItem,
+    DropdownMenuLabel: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuLabel,
+    formattingPlugin: ()=>form_plugins_cjs_namespaceObject.formattingPlugin,
+    ContextMenuSubTrigger: ()=>context_menu_cjs_namespaceObject.ContextMenuSubTrigger,
+    MetadataForm: ()=>metadata_form_cjs_namespaceObject.MetadataForm,
+    DialogFooter: ()=>dialog_cjs_namespaceObject.DialogFooter,
+    Card: ()=>card_cjs_namespaceObject.Card,
+    DropdownMenuCheckboxItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem,
+    Sheet: ()=>sheet_cjs_namespaceObject.Sheet,
+    cn: ()=>utils_cjs_namespaceObject.cn,
+    AlertDialog: ()=>alert_dialog_cjs_namespaceObject.AlertDialog,
+    EmptyState: ()=>empty_state_cjs_namespaceObject.EmptyState,
+    ScrollArea: ()=>scroll_area_cjs_namespaceObject.ScrollArea,
+    PaginationNext: ()=>pagination_cjs_namespaceObject.PaginationNext,
+    Label: ()=>label_cjs_namespaceObject.Label,
     Checkbox: ()=>checkbox_cjs_namespaceObject.Checkbox,
     DropdownMenuItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuItem,
     ContextMenuGroup: ()=>context_menu_cjs_namespaceObject.ContextMenuGroup,
-    TableFooter: ()=>table_cjs_namespaceObject.TableFooter,
-    TooltipProvider: ()=>tooltip_cjs_namespaceObject.TooltipProvider,
-    DataFetcher: ()=>data_fetcher_cjs_namespaceObject.DataFetcher,
-    DialogPortal: ()=>dialog_cjs_namespaceObject.DialogPortal,
     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,
+    DataFetcher: ()=>data_fetcher_cjs_namespaceObject.DataFetcher,
     ButtonGroup: ()=>button_group_cjs_namespaceObject.ButtonGroup,
     PopoverContent: ()=>popover_cjs_namespaceObject.PopoverContent,
     DialogOverlay: ()=>dialog_cjs_namespaceObject.DialogOverlay,
-    SelectLabel: ()=>select_cjs_namespaceObject.SelectLabel,
-    CardTitle: ()=>card_cjs_namespaceObject.CardTitle,
+    VariablePicker: ()=>variable_picker_index_cjs_namespaceObject.VariablePicker,
     CardFooter: ()=>card_cjs_namespaceObject.CardFooter,
+    StatsCard: ()=>stats_card_cjs_namespaceObject.StatsCard,
     Avatar: ()=>avatar_cjs_namespaceObject.Avatar,
-    ExpressionBuilder: ()=>rules_engine_cjs_namespaceObject.ExpressionBuilder,
     BreadcrumbSeparator: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbSeparator,
     DataTable: ()=>data_table_cjs_namespaceObject.DataTable,
-    Input: ()=>input_cjs_namespaceObject.Input,
     PaginationItem: ()=>pagination_cjs_namespaceObject.PaginationItem,
-    Calendar: ()=>calendar_cjs_namespaceObject.Calendar,
-    DialogTitle: ()=>dialog_cjs_namespaceObject.DialogTitle,
     SheetTrigger: ()=>sheet_cjs_namespaceObject.SheetTrigger,
+    TabsTrigger: ()=>tabs_cjs_namespaceObject.TabsTrigger,
+    Calendar: ()=>calendar_cjs_namespaceObject.Calendar,
+    Tooltip: ()=>tooltip_cjs_namespaceObject.Tooltip,
     InputGroupAddon: ()=>input_group_cjs_namespaceObject.InputGroupAddon,
-    StatsCard: ()=>stats_card_cjs_namespaceObject.StatsCard,
-    Popover: ()=>popover_cjs_namespaceObject.Popover,
     AlertTitle: ()=>alert_cjs_namespaceObject.AlertTitle,
-    TableHeader: ()=>table_cjs_namespaceObject.TableHeader,
     Collapsible: ()=>collapsible_cjs_namespaceObject.Collapsible,
-    TableCell: ()=>table_cjs_namespaceObject.TableCell,
-    TabsTrigger: ()=>tabs_cjs_namespaceObject.TabsTrigger,
     DateTimePicker: ()=>datetime_picker_cjs_namespaceObject.DateTimePicker,
-    Toaster: ()=>sonner_cjs_namespaceObject.Toaster,
-    Toggle: ()=>toggle_cjs_namespaceObject.Toggle,
-    Switch: ()=>switch_cjs_namespaceObject.Switch,
     PaginationEllipsis: ()=>pagination_cjs_namespaceObject.PaginationEllipsis,
     DialogDescription: ()=>dialog_cjs_namespaceObject.DialogDescription,
-    Tooltip: ()=>tooltip_cjs_namespaceObject.Tooltip,
-    TooltipPortal: ()=>tooltip_cjs_namespaceObject.TooltipPortal,
-    AlertDialogHeader: ()=>alert_dialog_cjs_namespaceObject.AlertDialogHeader,
     CommandShortcut: ()=>command_cjs_namespaceObject.CommandShortcut,
     Textarea: ()=>textarea_cjs_namespaceObject.Textarea,
-    AlertDialogAction: ()=>alert_dialog_cjs_namespaceObject.AlertDialogAction,
     SelectItem: ()=>select_cjs_namespaceObject.SelectItem,
-    TableHead: ()=>table_cjs_namespaceObject.TableHead,
-    Tabs: ()=>tabs_cjs_namespaceObject.Tabs,
     DialogClose: ()=>dialog_cjs_namespaceObject.DialogClose,
     Badge: ()=>badge_cjs_namespaceObject.Badge,
-    CollapsibleContent: ()=>collapsible_cjs_namespaceObject.CollapsibleContent,
-    DropdownMenuTrigger: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger,
     SheetDescription: ()=>sheet_cjs_namespaceObject.SheetDescription,
-    hasOptions: ()=>form_schema_cjs_namespaceObject.hasOptions,
     validationPlugin: ()=>form_plugins_cjs_namespaceObject.validationPlugin,
-    ContextMenuTrigger: ()=>context_menu_cjs_namespaceObject.ContextMenuTrigger,
+    hasOptions: ()=>form_schema_cjs_namespaceObject.hasOptions,
     Table: ()=>table_cjs_namespaceObject.Table,
-    InputGroupText: ()=>input_group_cjs_namespaceObject.InputGroupText,
-    CommandGroup: ()=>command_cjs_namespaceObject.CommandGroup,
     BreadcrumbPage: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbPage,
-    RulesEngine: ()=>rules_engine_cjs_namespaceObject.RulesEngine,
     ToggleGroupItem: ()=>toggle_group_cjs_namespaceObject.ToggleGroupItem,
     ContextMenuPortal: ()=>context_menu_cjs_namespaceObject.ContextMenuPortal,
-    InputGroupButton: ()=>input_group_cjs_namespaceObject.InputGroupButton,
-    ContextMenuRadioGroup: ()=>context_menu_cjs_namespaceObject.ContextMenuRadioGroup,
     SelectContent: ()=>select_cjs_namespaceObject.SelectContent,
+    ContextMenuRadioGroup: ()=>context_menu_cjs_namespaceObject.ContextMenuRadioGroup,
     InputGroup: ()=>input_group_cjs_namespaceObject.InputGroup,
     CommandList: ()=>command_cjs_namespaceObject.CommandList,
-    BreadcrumbList: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbList,
     AccordionTrigger: ()=>accordion_cjs_namespaceObject.AccordionTrigger,
+    workflowPlugin: ()=>form_plugins_cjs_namespaceObject.workflowPlugin,
     PaginationPrevious: ()=>pagination_cjs_namespaceObject.PaginationPrevious,
-    SearchWithSuggestions: ()=>search_cjs_namespaceObject.SearchWithSuggestions,
-    SelectScrollDownButton: ()=>select_cjs_namespaceObject.SelectScrollDownButton,
     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,
-    Button: ()=>button_cjs_namespaceObject.Button,
-    DropdownMenuShortcut: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuShortcut,
-    FetchAdapter: ()=>data_fetcher_cjs_namespaceObject.FetchAdapter,
-    DataTableSelectColumn: ()=>data_table_cjs_namespaceObject.DataTableSelectColumn,
     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,
+    Progress: ()=>progress_cjs_namespaceObject.Progress,
     DataTableColumnHeader: ()=>data_table_cjs_namespaceObject.DataTableColumnHeader,
     FormDesigner: ()=>form_designer_cjs_namespaceObject.FormDesigner,
-    Alert: ()=>alert_cjs_namespaceObject.Alert,
     DialogContent: ()=>dialog_cjs_namespaceObject.DialogContent,
-    CommandDialog: ()=>command_cjs_namespaceObject.CommandDialog,
     DialogTrigger: ()=>dialog_cjs_namespaceObject.DialogTrigger,
     DropdownMenuRadioGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioGroup,
-    Accordion: ()=>accordion_cjs_namespaceObject.Accordion,
-    DropdownMenuRadioItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioItem,
-    Progress: ()=>progress_cjs_namespaceObject.Progress,
-    ResizableHandle: ()=>resizable_cjs_namespaceObject.ResizableHandle,
+    TableRow: ()=>table_cjs_namespaceObject.TableRow,
+    ToggleGroup: ()=>toggle_group_cjs_namespaceObject.ToggleGroup,
+    Search: ()=>search_cjs_namespaceObject.Search,
     AlertDialogCancel: ()=>alert_dialog_cjs_namespaceObject.AlertDialogCancel,
     InputGroupTextarea: ()=>input_group_cjs_namespaceObject.InputGroupTextarea,
-    Search: ()=>search_cjs_namespaceObject.Search,
-    SheetContent: ()=>sheet_cjs_namespaceObject.SheetContent,
-    AlertDescription: ()=>alert_cjs_namespaceObject.AlertDescription,
-    TableRow: ()=>table_cjs_namespaceObject.TableRow,
-    ContextMenuRadioItem: ()=>context_menu_cjs_namespaceObject.ContextMenuRadioItem,
-    Dialog: ()=>dialog_cjs_namespaceObject.Dialog,
-    DatePicker: ()=>date_picker_cjs_namespaceObject.DatePicker,
+    spinnerVariants: ()=>spinner_cjs_namespaceObject.spinnerVariants,
     SelectTrigger: ()=>select_cjs_namespaceObject.SelectTrigger,
     FIELD_TYPE_META: ()=>index_cjs_namespaceObject.FIELD_TYPE_META,
-    ToggleGroup: ()=>toggle_group_cjs_namespaceObject.ToggleGroup,
     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,
-    DropdownMenuSeparator: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator,
+    HoverCardTrigger: ()=>hover_card_cjs_namespaceObject.HoverCardTrigger,
     Breadcrumb: ()=>breadcrumb_cjs_namespaceObject.Breadcrumb,
     ContextMenuShortcut: ()=>context_menu_cjs_namespaceObject.ContextMenuShortcut,
-    HoverCardTrigger: ()=>hover_card_cjs_namespaceObject.HoverCardTrigger,
-    PortalContainerProvider: ()=>portal_container_cjs_namespaceObject.PortalContainerProvider,
     CardHeader: ()=>card_cjs_namespaceObject.CardHeader,
     HoverCardContent: ()=>hover_card_cjs_namespaceObject.HoverCardContent,
-    ResizablePanelGroup: ()=>resizable_cjs_namespaceObject.ResizablePanelGroup,
-    FileUpload: ()=>file_upload_cjs_namespaceObject.FileUpload,
-    InputGroupInput: ()=>input_group_cjs_namespaceObject.InputGroupInput,
-    ScrollBar: ()=>scroll_area_cjs_namespaceObject.ScrollBar
+    FileUpload: ()=>file_upload_cjs_namespaceObject.FileUpload
 });
 const utils_cjs_namespaceObject = require("./lib/utils.cjs");
 const row_cjs_namespaceObject = require("./components/ui/layout/row.cjs");
@@ -278,6 +280,7 @@ const slider_cjs_namespaceObject = require("./components/ui/slider.cjs");
 const select_cjs_namespaceObject = require("./components/ui/select.cjs");
 const combobox_cjs_namespaceObject = require("./components/ui/combobox.cjs");
 const multi_select_cjs_namespaceObject = require("./components/ui/multi-select.cjs");
+const variable_picker_index_cjs_namespaceObject = require("./components/ui/variable-picker/index.cjs");
 const search_cjs_namespaceObject = require("./components/ui/search.cjs");
 const calendar_cjs_namespaceObject = require("./components/ui/calendar.cjs");
 const date_picker_cjs_namespaceObject = require("./components/ui/date-picker.cjs");
@@ -534,6 +537,8 @@ exports.TooltipProvider = __webpack_exports__.TooltipProvider;
 exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
 exports.TreeView = __webpack_exports__.TreeView;
 exports.VARIABLE_DRAG_MIME = __webpack_exports__.VARIABLE_DRAG_MIME;
+exports.VariablePicker = __webpack_exports__.VariablePicker;
+exports.VariablePickerContent = __webpack_exports__.VariablePickerContent;
 exports.analyticsPlugin = __webpack_exports__.analyticsPlugin;
 exports.auditPlugin = __webpack_exports__.auditPlugin;
 exports.autoSavePlugin = __webpack_exports__.autoSavePlugin;
@@ -759,6 +764,8 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "TooltipTrigger",
     "TreeView",
     "VARIABLE_DRAG_MIME",
+    "VariablePicker",
+    "VariablePickerContent",
     "analyticsPlugin",
     "auditPlugin",
     "autoSavePlugin",

package/dist/index.d.ts

@@ -29,6 +29,8 @@ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 export { Combobox } from './components/ui/combobox';
 export { MultiSelect } from './components/ui/multi-select';
 export type { MultiSelectProps } from './components/ui/multi-select';
+export { VariablePicker, VariablePickerContent } from './components/ui/variable-picker';
+export type { VariablePickerContentProps, VariablePickerItem, VariablePickerProps, } from './components/ui/variable-picker';
 export { Search, SearchWithSuggestions } from './components/ui/search';
 export type { SearchProps, SearchWithSuggestionsProps, } from './components/ui/search';
 export { Calendar } from './components/ui/calendar';