@uipath/apollo-wind 2.59.0 → 2.60.1

package/dist/index.js

@@ -44,7 +44,7 @@ import { Label, RequiredIndicator } from "./components/ui/label.js";
 import { Column } from "./components/ui/layout/column.js";
 import { Grid } from "./components/ui/layout/grid.js";
 import { Row } from "./components/ui/layout/row.js";
-import { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField } from "./components/ui/lockable-value-field/index.js";
+import { LockableValueField } from "./components/ui/lockable-value-field/index.js";
 import { DEFAULT_MODEL_PICKER_LABELS, FolderSwitcher, GroupHeader, GroupedOptionList, MODEL_BADGES, ModelOptionRow, ModelPicker, ModelTagChip, PickerPopup, PickerSearchInput, PickerTrigger, VirtualOptionList, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, getSubstitutionTarget, groupModels, isTextGenerationModel, optionDomId, resolveHomeGeography, resolveLabels, useModelPickerState } from "./components/ui/model-picker/index.js";
 import { MultiSelect } from "./components/ui/multi-select.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
@@ -52,6 +52,7 @@ import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./compon
 import { PortalContainerProvider } from "./components/ui/portal-container.js";
 import { Progress } from "./components/ui/progress.js";
 import { $insertTokenAtCursor, DEFAULT_PROMPT_EDITOR_STRINGS, InputTokenNode, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, PromptEditor, ResourceTokenNode, StateTokenNode, TokenPill, TokenPillWithTooltip, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, WORD_JOINER, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, inferTokenTypeFromPath, isPromptTokenNode, normalizeRichTextTokens, normalizeVariablePath, setEditorTokens } from "./components/ui/prompt-editor/index.js";
+import { DEFAULT_QUICK_FORM_FIELD_STRINGS, FIELD_TYPE_META, FIELD_TYPE_ORDER, QuickFormField } from "./components/ui/quick-form-field/index.js";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable.js";
 import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
@@ -75,4 +76,4 @@ import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger
 import tree_view, { TreeView } from "./components/ui/tree-view.js";
 import { VariablePicker, VariablePickerContent } from "./components/ui/variable-picker/index.js";
 import { cn } from "./lib/utils.js";
-export { $insertTokenAtCursor, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAssistAction, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BUILTIN_VALUE_MODES, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_AI_ASSIST_ACTION_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, DEFAULT_MODEL_PICKER_LABELS, DEFAULT_PROMPT_EDITOR_STRINGS, DEFAULT_VALUE_MODE_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FieldMenu, tree_view as FileTreeView, FileUpload, FolderSwitcher, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldHeader, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, GroupHeader, GroupedOptionList, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupBody, InputGroupButton, InputGroupInput, InputGroupPopoverTrigger, InputGroupRow, InputGroupText, InputGroupTextarea, InputGroupTrigger, InputTokenNode, InsertVariableAction, Label, LockableValueField, MODEL_BADGES, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModelOptionRow, ModelPicker, ModelTagChip, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerPopup, PickerSearchInput, PickerTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceTokenNode, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TreeView, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, ValueModeIndicator, VariablePicker, VariablePickerContent, VirtualOptionList, WORD_JOINER, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, builtInValueModes, buttonVariants, cn, createEditableColumn, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, getSubstitutionTarget, groupModels, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, inputGroupVariants, isCustomField, isFileField, isPromptTokenNode, isTextGenerationModel, normalizeRichTextTokens, normalizeVariablePath, optionDomId, resolveHomeGeography, resolveLabels, setEditorTokens, spinnerVariants, toast, toggleVariants, useInputGroup, useModelPickerState, useWatch, validationPlugin, workflowPlugin };
+export { $insertTokenAtCursor, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAssistAction, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BUILTIN_VALUE_MODES, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_AI_ASSIST_ACTION_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, DEFAULT_MODEL_PICKER_LABELS, DEFAULT_PROMPT_EDITOR_STRINGS, DEFAULT_QUICK_FORM_FIELD_STRINGS, DEFAULT_VALUE_MODE_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FieldMenu, tree_view as FileTreeView, FileUpload, FolderSwitcher, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldHeader, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, GroupHeader, GroupedOptionList, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupBody, InputGroupButton, InputGroupInput, InputGroupPopoverTrigger, InputGroupRow, InputGroupText, InputGroupTextarea, InputGroupTrigger, InputTokenNode, InsertVariableAction, Label, LockableValueField, MODEL_BADGES, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModelOptionRow, ModelPicker, ModelTagChip, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerPopup, PickerSearchInput, PickerTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, QuickFormField, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceTokenNode, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TreeView, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, ValueModeIndicator, VariablePicker, VariablePickerContent, VirtualOptionList, WORD_JOINER, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, builtInValueModes, buttonVariants, cn, createEditableColumn, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, getSubstitutionTarget, groupModels, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, inputGroupVariants, isCustomField, isFileField, isPromptTokenNode, isTextGenerationModel, normalizeRichTextTokens, normalizeVariablePath, optionDomId, resolveHomeGeography, resolveLabels, setEditorTokens, spinnerVariants, toast, toggleVariants, useInputGroup, useModelPickerState, useWatch, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -881,6 +881,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-4\! {
+    margin-bottom: calc(var(--spacing) * 4) !important;
+  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -3976,6 +3979,10 @@
     font-size: var(--text-xl);
     line-height: var(--tw-leading, var(--text-xl--line-height));
   }
+  .text-xl\! {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
   .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -4063,6 +4070,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-bold\! {
+    --tw-font-weight: var(--font-weight-bold) !important;
+    font-weight: var(--font-weight-bold) !important;
+  }
   .font-light {
     --tw-font-weight: var(--font-weight-light);
     font-weight: var(--font-weight-light);
@@ -10880,6 +10891,48 @@ body.canvas, .canvas {
     background-color: var(--color-border-hover);
   }
 }
+.mat-typography :is( [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="alert-dialog-content"], [data-slot="drawer-content"] ) :where(p) {
+  margin: 0;
+}
+.mat-typography :is( [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="alert-dialog-content"], [data-slot="drawer-content"] ) :where(h1, h2, h3, h4, h5, h6) {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+.mat-typography [data-slot="accordion-header"] {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+.mat-typography :is( [data-slot="dialog-title"], [data-slot="sheet-title"], [data-slot="alert-dialog-title"], [data-slot="drawer-title"] ) {
+  font-family: var(--font-sans);
+  font-size: var(--text-lg);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-lg--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+.mat-typography :is([data-slot="dialog-title"], [data-slot="alert-dialog-title"], [data-slot="drawer-title"]) {
+  line-height: 1;
+}
+.mat-typography [data-slot="drawer-title"] {
+  letter-spacing: var(--tracking-tight);
+}
+.mat-typography [data-slot="dialog-takeover-title"] {
+  font-family: var(--font-sans);
+  font-size: var(--text-sm);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-sm--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+.mat-typography [data-slot="alert-title"] {
+  font-size: var(--text-xs);
+  font-weight: var(--font-weight-semibold);
+  line-height: calc(var(--spacing) * 4);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/tailwind.css

@@ -925,3 +925,75 @@ body.canvas, .canvas {
     background-color: var(--color-border-hover);
   }
 }
+
+/* Host Material shield: unlayered so it outranks the host's unlayered typography rules. */
+.mat-typography
+  :is(
+    [data-slot="dialog-content"],
+    [data-slot="sheet-content"],
+    [data-slot="alert-dialog-content"],
+    [data-slot="drawer-content"]
+  )
+  :where(p) {
+  margin: 0;
+}
+
+.mat-typography
+  :is(
+    [data-slot="dialog-content"],
+    [data-slot="sheet-content"],
+    [data-slot="alert-dialog-content"],
+    [data-slot="drawer-content"]
+  )
+  :where(h1, h2, h3, h4, h5, h6) {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+
+.mat-typography [data-slot="accordion-header"] {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+
+.mat-typography
+  :is(
+    [data-slot="dialog-title"],
+    [data-slot="sheet-title"],
+    [data-slot="alert-dialog-title"],
+    [data-slot="drawer-title"]
+  ) {
+  font-family: var(--font-sans);
+  font-size: var(--text-lg);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-lg--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+
+.mat-typography
+  :is([data-slot="dialog-title"], [data-slot="alert-dialog-title"], [data-slot="drawer-title"]) {
+  line-height: 1;
+}
+
+.mat-typography [data-slot="drawer-title"] {
+  letter-spacing: var(--tracking-tight);
+}
+
+.mat-typography [data-slot="dialog-takeover-title"] {
+  font-family: var(--font-sans);
+  font-size: var(--text-sm);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-sm--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+
+.mat-typography [data-slot="alert-title"] {
+  font-size: var(--text-xs);
+  font-weight: var(--font-weight-semibold);
+  line-height: calc(var(--spacing) * 4);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.59.0",
+  "version": "2.60.1",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",

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

@@ -1,242 +0,0 @@
-"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__, {
-    FieldHeader: ()=>FieldHeader
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
-const external_label_cjs_namespaceObject = require("../../label.cjs");
-const external_popover_cjs_namespaceObject = require("../../popover.cjs");
-const external_switch_cjs_namespaceObject = require("../../switch.cjs");
-const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
-const index_cjs_namespaceObject = require("../../../../lib/index.cjs");
-const ai_assist_action_cjs_namespaceObject = require("../../field-actions/ai-assist-action.cjs");
-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 toVariableTree(variables) {
-    return [
-        {
-            id: 'vars',
-            label: '$vars',
-            type: 'object',
-            children: variables.map((variable)=>({
-                    id: variable.value,
-                    label: variable.label,
-                    value: variable.value,
-                    type: 'string'
-                }))
-        }
-    ];
-}
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
-    const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
-    const variableTree = (0, external_react_namespaceObject.useMemo)(()=>toVariableTree(variables), [
-        variables
-    ]);
-    const collapsedTextClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
-    const collapsedPaddingClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5');
-    const compactOnlyClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ONLY, compact && '!block');
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: "flex items-center gap-1",
-        children: [
-            label ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
-                htmlFor: fieldId,
-                className: "text-xs font-medium text-foreground",
-                children: [
-                    fieldLabel,
-                    required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.RequiredIndicator, {})
-                ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
-                delayDuration: 300,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    className: "ml-auto flex items-center gap-0.5",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            className: "flex items-center gap-0.5",
-                            children: [
-                                onFieldTypeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
-                                                    asChild: true,
-                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
-                                                        asChild: true,
-                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
-                                                            type: "button",
-                                                            "aria-label": "Field type",
-                                                            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),
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
-                                                                    size: 12
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    className: collapsedTextClass,
-                                                                    children: typeMeta.label
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                                                                    size: 9,
-                                                                    className: collapsedTextClass
-                                                                })
-                                                            ]
-                                                        })
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
-                                                    children: "Type"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
-                                            align: "end",
-                                            className: "w-44",
-                                            children: external_types_cjs_namespaceObject.FIELD_TYPE_ORDER.map((type)=>{
-                                                const meta = external_types_cjs_namespaceObject.FIELD_TYPE_META[type];
-                                                const isActive = type === fieldType;
-                                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
-                                                    onClick: ()=>onFieldTypeChange(type),
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(meta.icon, {
-                                                            className: isActive ? 'text-brand' : 'text-foreground-muted'
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                            className: (0, index_cjs_namespaceObject.cn)(isActive && 'font-medium text-brand'),
-                                                            children: meta.label
-                                                        })
-                                                    ]
-                                                }, type);
-                                            })
-                                        })
-                                    ]
-                                }),
-                                onRequiredChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                            className: collapsedTextClass,
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
-                                                        asChild: true,
-                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                            className: "inline-flex",
-                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_switch_cjs_namespaceObject.Switch, {
-                                                                size: "sm",
-                                                                checked: !!required,
-                                                                onCheckedChange: onRequiredChange,
-                                                                className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
-                                                                "aria-label": required ? 'Required field' : 'Optional field'
-                                                            })
-                                                        })
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
-                                                        children: "Required"
-                                                    })
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                            className: compactOnlyClass,
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
-                                                        children: [
-                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
-                                                                asChild: true,
-                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
-                                                                    asChild: true,
-                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                                                        type: "button",
-                                                                        "aria-label": required ? 'Required field' : 'Optional field',
-                                                                        className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
-                                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {
-                                                                            size: 12
-                                                                        })
-                                                                    })
-                                                                })
-                                                            }),
-                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
-                                                                children: "Required"
-                                                            })
-                                                        ]
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
-                                                        align: "end",
-                                                        className: "w-48",
-                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                            className: "flex items-center justify-between gap-3",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    className: "text-xs font-medium text-foreground",
-                                                                    children: "Required"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_switch_cjs_namespaceObject.Switch, {
-                                                                    size: "sm",
-                                                                    checked: !!required,
-                                                                    onCheckedChange: onRequiredChange,
-                                                                    className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
-                                                                    "aria-label": required ? 'Required field' : 'Optional field'
-                                                                })
-                                                            ]
-                                                        })
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    ]
-                                }),
-                                showFieldActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                                    children: [
-                                        showAiAssist && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ai_assist_action_cjs_namespaceObject.AiAssistAction, {
-                                            onGenerate: onGenerateWithAi,
-                                            hint: `Output: ${typeMeta.label}${typeMeta.supportsExpression ? ' expression' : ' value'}`
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(insert_variable_action_cjs_namespaceObject.InsertVariableAction, {
-                                            variables: variableTree,
-                                            compact: compact,
-                                            onInsert: onValueChange && ((variable)=>onValueChange(value ? `${value} ${variable}` : variable))
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        headerActions
-                    ]
-                })
-            })
-        ]
-    });
-}
-exports.FieldHeader = __webpack_exports__.FieldHeader;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "FieldHeader"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

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

@@ -1,19 +0,0 @@
-import { type ReactNode } from 'react';
-import type { LockableFieldType, LockableValueFieldOption } from '../types';
-export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
-    label?: ReactNode;
-    fieldId: string;
-    fieldLabel: string;
-    required?: boolean;
-    fieldType: LockableFieldType;
-    onFieldTypeChange?: (fieldType: LockableFieldType) => void;
-    onRequiredChange?: (required: boolean) => void;
-    compact?: boolean;
-    showFieldActions: boolean;
-    showAiAssist: boolean;
-    value: string;
-    onValueChange?: (value: string) => void;
-    variables: LockableValueFieldOption[];
-    onGenerateWithAi?: (prompt: string) => void;
-    headerActions?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;