@uipath/apollo-wind 2.75.1 → 2.76.1

package/dist/components/ui/field-actions/ai-assist-action.d.ts

@@ -11,9 +11,16 @@ export interface AiAssistActionStrings {
     error: string;
 }
 export declare const DEFAULT_AI_ASSIST_ACTION_STRINGS: AiAssistActionStrings;
+/** What a host-rendered AI-assist panel gets in place of the built-in prompt form. */
+export interface AiAssistContentProps {
+    /** Closes the popover, returning focus to the trigger. */
+    close(): void;
+    disabled: boolean;
+}
 export interface AiAssistActionProps {
     /**
-     * Called with the entered prompt. Omitted, Generate is disabled. A returned promise keeps the
+     * Called with the entered prompt. Omitted, Generate is disabled; not called while
+     * `renderContent` is set. A returned promise keeps the
      * prompt open and busy until it settles: it closes once the promise resolves and stays open,
      * prompt intact and the error shown, if it rejects.
      */
@@ -21,10 +28,15 @@ export interface AiAssistActionProps {
     disabled?: boolean;
     /** A line under the prompt describing what will be generated, such as the value's type. */
     hint?: ReactNode;
+    /**
+     * The host's own panel, rendered in the popover in place of the built-in prompt form, whose
+     * `hint` and prompt strings it then does not use. Called only while the popover is open.
+     */
+    renderContent?: (props: AiAssistContentProps) => ReactNode;
     /** Overrides for any subset of the English strings. */
     strings?: Partial<AiAssistActionStrings>;
 }
 /**
  * The AI-assist header action: a prompt in a popover. Requires an ancestor `TooltipProvider`.
  */
-export declare function AiAssistAction({ onGenerate, hint, disabled, strings }: AiAssistActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiAssistAction({ onGenerate, hint, renderContent, disabled, strings, }: AiAssistActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/field-actions/ai-assist-action.js

@@ -1,6 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, Sparkles } from "lucide-react";
-import { useId, useState } from "react";
+import { useCallback, useId, useState } from "react";
 import { Button } from "../button.js";
 import { Label } from "../label.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
@@ -15,7 +15,7 @@ const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
     generating: 'Generating',
     error: 'Could not generate a value. Try again.'
 };
-function AiAssistAction({ onGenerate, hint, disabled, strings }) {
+function AiAssistAction({ onGenerate, hint, renderContent, disabled, strings }) {
     const promptId = useId();
     const errorId = useId();
     const [prompt, setPrompt] = useState('');
@@ -30,6 +30,7 @@ function AiAssistAction({ onGenerate, hint, disabled, strings }) {
         setFailed(false);
         setOpen(next);
     };
+    const close = useCallback(()=>setOpen(false), []);
     const generate = async ()=>{
         setFailed(false);
         const result = onGenerate?.(prompt);
@@ -70,58 +71,67 @@ function AiAssistAction({ onGenerate, hint, disabled, strings }) {
                     })
                 ]
             }),
-            /*#__PURE__*/ jsxs(PopoverContent, {
+            /*#__PURE__*/ jsx(PopoverContent, {
                 align: "end",
                 className: "space-y-3",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-1.5",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                htmlFor: promptId,
-                                className: "text-xs font-medium text-foreground-muted",
-                                children: text.prompt
-                            }),
-                            /*#__PURE__*/ jsx(Textarea, {
-                                id: promptId,
-                                rows: 3,
-                                value: prompt,
-                                onChange: (e)=>setPrompt(e.target.value),
-                                placeholder: text.promptPlaceholder,
-                                "aria-describedby": failed ? errorId : void 0,
-                                className: "resize-none text-sm"
-                            })
-                        ]
-                    }),
-                    hint && /*#__PURE__*/ jsx("span", {
-                        className: "block text-[11px] text-foreground-subtle",
-                        children: hint
-                    }),
-                    failed && /*#__PURE__*/ jsx("p", {
-                        id: errorId,
-                        role: "alert",
-                        className: "text-xs text-error",
-                        children: text.error
-                    }),
-                    /*#__PURE__*/ jsxs(Button, {
-                        size: "sm",
-                        className: "w-full",
-                        disabled: !onGenerate || pending,
-                        "aria-busy": pending || void 0,
-                        onClick: ()=>generate(),
-                        children: [
-                            pending && /*#__PURE__*/ jsx(Loader2, {
-                                className: "animate-spin",
-                                "aria-hidden": "true"
-                            }),
-                            pending ? text.generating : text.generate
-                        ]
-                    })
-                ]
+                children: renderContent ? /*#__PURE__*/ jsx(AiAssistSlot, {
+                    render: renderContent,
+                    close: close,
+                    disabled: !!disabled
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-1.5",
+                            children: [
+                                /*#__PURE__*/ jsx(Label, {
+                                    htmlFor: promptId,
+                                    className: "text-xs font-medium text-foreground-muted",
+                                    children: text.prompt
+                                }),
+                                /*#__PURE__*/ jsx(Textarea, {
+                                    id: promptId,
+                                    rows: 3,
+                                    value: prompt,
+                                    onChange: (e)=>setPrompt(e.target.value),
+                                    placeholder: text.promptPlaceholder,
+                                    "aria-describedby": failed ? errorId : void 0,
+                                    className: "resize-none text-sm"
+                                })
+                            ]
+                        }),
+                        hint && /*#__PURE__*/ jsx("span", {
+                            className: "block text-[11px] text-foreground-subtle",
+                            children: hint
+                        }),
+                        failed && /*#__PURE__*/ jsx("p", {
+                            id: errorId,
+                            role: "alert",
+                            className: "text-xs text-error",
+                            children: text.error
+                        }),
+                        /*#__PURE__*/ jsxs(Button, {
+                            size: "sm",
+                            className: "w-full",
+                            disabled: !onGenerate || pending,
+                            "aria-busy": pending || void 0,
+                            onClick: ()=>generate(),
+                            children: [
+                                pending && /*#__PURE__*/ jsx(Loader2, {
+                                    className: "animate-spin",
+                                    "aria-hidden": "true"
+                                }),
+                                pending ? text.generating : text.generate
+                            ]
+                        })
+                    ]
+                })
             })
         ]
     });
 }
+function AiAssistSlot({ render, ...props }) {
+    return render(props);
+}
 function isThenable(value) {
     return ('object' == typeof value || 'function' == typeof value) && null !== value && 'function' == typeof value.then;
 }

package/dist/components/ui/field-actions/index.d.ts

@@ -1,2 +1,2 @@
-export { AiAssistAction, type AiAssistActionProps, type AiAssistActionStrings, DEFAULT_AI_ASSIST_ACTION_STRINGS, } from './ai-assist-action';
+export { AiAssistAction, type AiAssistActionProps, type AiAssistActionStrings, type AiAssistContentProps, DEFAULT_AI_ASSIST_ACTION_STRINGS, } from './ai-assist-action';
 export { DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction, type InsertVariableActionProps, type InsertVariableActionStrings, } from './insert-variable-action';

package/dist/components/ui/field-actions/insert-variable-action.cjs

@@ -33,6 +33,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
+const NO_VARIABLES = [];
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
     ariaLabel: 'Insert variable',
@@ -42,13 +43,13 @@ const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     replaceDescription: 'The variable will replace the current value. This cannot be undone.',
     replaceConfirm: 'Replace'
 };
-function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
+function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert, disabled, compact, strings }) {
     const text = {
         ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
         ...strings
     };
     const lazy = 'function' == typeof variables;
-    const inert = disabled || !onInsert || !lazy && 0 === variables.length;
+    const inert = disabled || !onInsert || !renderPicker && !lazy && 0 === variables.length;
     const [openedItems, setOpenedItems] = (0, external_react_namespaceObject.useState)([]);
     const collapsedTextClass = (0, external_lib_index_cjs_namespaceObject.cn)(external_collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePicker, {
@@ -56,8 +57,9 @@ function InsertVariableAction({ variables, onInsert, disabled, compact, strings
         items: lazy ? openedItems : variables,
         placeholder: text.searchPlaceholder,
         emptyText: text.empty,
+        renderPicker: renderPicker,
         onOpenChange: (open)=>{
-            if (open && lazy) setOpenedItems(variables());
+            if (open && lazy && !renderPicker) setOpenedItems(variables());
         },
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);

package/dist/components/ui/field-actions/insert-variable-action.d.ts

@@ -1,4 +1,4 @@
-import { type VariablePickerItem } from '../variable-picker';
+import { type RenderVariablePicker, type VariablePickerItem } from '../variable-picker';
 export interface InsertVariableActionStrings {
     /** Visible text, hidden when the action collapses to its icon. */
     label: string;
@@ -14,16 +14,11 @@ export interface InsertVariableActionStrings {
     replaceConfirm: string;
 }
 export declare const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS: InsertVariableActionStrings;
-export interface InsertVariableActionProps {
-    /**
-     * The variables to offer, rendered as supplied: the picker adds no root and no types. A function
-     * is called each time the picker opens, never during render, so a host can hand over a live
-     * source without re-rendering the field whenever it changes.
-     */
-    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+interface InsertVariableActionBaseProps {
     /**
      * Called with the picked variable's value, and the picked entry itself so a host can recover
-     * whatever it attached to it. Omitted, the action is disabled.
+     * whatever it attached to it. A host picker's pick gets an entry made from the value. Omitted,
+     * the action is disabled.
      */
     onInsert?: (value: string, item: VariablePickerItem) => void;
     disabled?: boolean;
@@ -32,5 +27,20 @@ export interface InsertVariableActionProps {
     /** Overrides for any subset of the English strings. */
     strings?: Partial<InsertVariableActionStrings>;
 }
+export type InsertVariableActionProps = InsertVariableActionBaseProps & ({
+    /**
+     * The variables to offer, rendered as supplied: the picker adds no root and no types. A
+     * function is called each time the picker opens, never during render, so a host can hand
+     * over a live source without re-rendering the field whenever it changes.
+     */
+    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+    renderPicker?: undefined;
+} | {
+    /** Ignored while `renderPicker` is set. */
+    variables?: VariablePickerItem[] | (() => VariablePickerItem[]);
+    /** The host's own picker, rendered in the popover in place of the built-in one. */
+    renderPicker: RenderVariablePicker;
+});
 /** The Insert-variable header action: opens a variable picker and reports the pick. */
-export declare function InsertVariableAction({ variables, onInsert, disabled, compact, strings, }: InsertVariableActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function InsertVariableAction({ variables, renderPicker, onInsert, disabled, compact, strings, }: InsertVariableActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/field-actions/insert-variable-action.js

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { VariablePicker } from "../variable-picker/index.js";
 import { cn } from "../../../lib/index.js";
 import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING } from "./collapse.js";
+const NO_VARIABLES = [];
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
     ariaLabel: 'Insert variable',
@@ -13,13 +14,13 @@ const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     replaceDescription: 'The variable will replace the current value. This cannot be undone.',
     replaceConfirm: 'Replace'
 };
-function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
+function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert, disabled, compact, strings }) {
     const text = {
         ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
         ...strings
     };
     const lazy = 'function' == typeof variables;
-    const inert = disabled || !onInsert || !lazy && 0 === variables.length;
+    const inert = disabled || !onInsert || !renderPicker && !lazy && 0 === variables.length;
     const [openedItems, setOpenedItems] = useState([]);
     const collapsedTextClass = cn(COLLAPSED_HIDDEN, compact && '!hidden');
     return /*#__PURE__*/ jsx(VariablePicker, {
@@ -27,8 +28,9 @@ function InsertVariableAction({ variables, onInsert, disabled, compact, strings
         items: lazy ? openedItems : variables,
         placeholder: text.searchPlaceholder,
         emptyText: text.empty,
+        renderPicker: renderPicker,
         onOpenChange: (open)=>{
-            if (open && lazy) setOpenedItems(variables());
+            if (open && lazy && !renderPicker) setOpenedItems(variables());
         },
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);

package/dist/components/ui/file-upload.cjs

@@ -175,7 +175,7 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                 "aria-describedby": describedBy || void 0,
                 "aria-errormessage": resolvedAriaErrorMessage,
                 tabIndex: disabled ? -1 : 0,
-                className: (0, index_cjs_namespaceObject.cn)('relative flex w-full flex-col items-center justify-center h-32 border-2 border-dashed rounded-lg px-4 py-6 cursor-pointer transition-colors', 'text-foreground-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', 'future:rounded-xl future:border-border-subtle future:bg-surface-overlay future:hover:bg-surface-hover future:focus-visible:ring-offset-background', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-overlay'),
+                className: (0, index_cjs_namespaceObject.cn)('relative flex w-full flex-col items-center justify-center min-h-32 border-2 border-dashed rounded-lg px-4 py-6 cursor-pointer transition-colors', 'text-foreground-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', 'future:rounded-xl future:border-border-subtle future:bg-surface-overlay future:hover:bg-surface-hover future:focus-visible:ring-offset-background', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-overlay'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
@@ -189,7 +189,7 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                 },
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Upload, {
-                        className: "mb-2 h-8 w-8 text-muted-foreground future:text-foreground-muted"
+                        className: "mb-2 h-8 w-8 shrink-0 text-muted-foreground future:text-foreground-muted"
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
                         className: "text-center text-sm text-muted-foreground future:text-foreground-muted",

package/dist/components/ui/file-upload.js

@@ -147,7 +147,7 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
                 "aria-describedby": describedBy || void 0,
                 "aria-errormessage": resolvedAriaErrorMessage,
                 tabIndex: disabled ? -1 : 0,
-                className: cn('relative flex w-full flex-col items-center justify-center h-32 border-2 border-dashed rounded-lg px-4 py-6 cursor-pointer transition-colors', 'text-foreground-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', 'future:rounded-xl future:border-border-subtle future:bg-surface-overlay future:hover:bg-surface-hover future:focus-visible:ring-offset-background', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-overlay'),
+                className: cn('relative flex w-full flex-col items-center justify-center min-h-32 border-2 border-dashed rounded-lg px-4 py-6 cursor-pointer transition-colors', 'text-foreground-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', 'future:rounded-xl future:border-border-subtle future:bg-surface-overlay future:hover:bg-surface-hover future:focus-visible:ring-offset-background', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-overlay'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
@@ -161,7 +161,7 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
                 },
                 children: [
                     /*#__PURE__*/ jsx(Upload, {
-                        className: "mb-2 h-8 w-8 text-muted-foreground future:text-foreground-muted"
+                        className: "mb-2 h-8 w-8 shrink-0 text-muted-foreground future:text-foreground-muted"
                     }),
                     /*#__PURE__*/ jsxs("p", {
                         className: "text-center text-sm text-muted-foreground future:text-foreground-muted",

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

@@ -80,13 +80,14 @@ const FormFieldDescription = /*#__PURE__*/ external_react_namespaceObject.forwar
     });
 });
 FormFieldDescription.displayName = "FormFieldDescription";
-const FormFieldError = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>{
+const FormFieldError = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, severity = 'error', ...props }, ref)=>{
     if (!children) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
         ref: ref,
         "aria-live": "polite",
         "aria-atomic": "true",
-        className: (0, external_lib_index_cjs_namespaceObject.cn)('text-xs leading-4 text-error mt-1.5', className),
+        "data-severity": 'warning' === severity ? severity : void 0,
+        className: (0, external_lib_index_cjs_namespaceObject.cn)('text-xs leading-4', 'warning' === severity ? 'text-warning' : 'text-error', 'mt-1.5', className),
         ...props,
         "data-slot": "form-field-error",
         children: children

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

@@ -43,12 +43,20 @@ declare const FormFieldLabel: React.ForwardRefExoticComponent<FormFieldLabelProp
 export type FormFieldDescriptionProps = React.ComponentPropsWithoutRef<'p'>;
 /** Supporting guidance rendered below a field control. */
 declare const FormFieldDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export type FormFieldErrorProps = React.ComponentPropsWithoutRef<'p'>;
+export interface FormFieldErrorProps extends React.ComponentPropsWithoutRef<'p'> {
+    /**
+     * `warning` is for a value that is accepted but likely wrong, such as a reference that no longer
+     * resolves. Point the control's `aria-describedby` at a warning, not `aria-errormessage`, and
+     * leave it valid. Defaults to `error`.
+     */
+    severity?: 'error' | 'warning';
+}
 /**
  * Validation message rendered below a field control. Uses the `error` token
- * rather than `destructive`, which some themes resolve to a different color.
+ * rather than `destructive`, which some themes resolve to a different color,
+ * and the `warning` token for a warning.
  */
-declare const FormFieldError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormFieldError: React.ForwardRefExoticComponent<FormFieldErrorProps & React.RefAttributes<HTMLParagraphElement>>;
 export interface FormFieldHeaderProps extends Pick<FormFieldLabelProps, 'htmlFor' | 'required' | 'tooltip' | 'tooltipAriaLabel'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     label?: React.ReactNode;
     /** The label element's id, for a control that names itself with `aria-labelledby`. */

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

@@ -48,13 +48,14 @@ const FormFieldDescription = /*#__PURE__*/ forwardRef(({ children, className, ..
     });
 });
 FormFieldDescription.displayName = "FormFieldDescription";
-const FormFieldError = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+const FormFieldError = /*#__PURE__*/ forwardRef(({ children, className, severity = 'error', ...props }, ref)=>{
     if (!children) return null;
     return /*#__PURE__*/ jsx("p", {
         ref: ref,
         "aria-live": "polite",
         "aria-atomic": "true",
-        className: cn('text-xs leading-4 text-error mt-1.5', className),
+        "data-severity": 'warning' === severity ? severity : void 0,
+        className: cn('text-xs leading-4', 'warning' === severity ? 'text-warning' : 'text-error', 'mt-1.5', className),
         ...props,
         "data-slot": "form-field-error",
         children: children

package/dist/components/ui/index.cjs

@@ -36,7 +36,7 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "@/components/ui/card" (module) {
@@ -90,13 +90,13 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "./dropzone-overlay" (module) {
         module.exports = require("./dropzone-overlay.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -120,7 +120,7 @@ var __webpack_modules__ = {
     "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -132,10 +132,10 @@ var __webpack_modules__ = {
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "./reference-chip" (module) {
+    "@/components/ui/reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -249,13 +249,13 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -276,7 +276,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -452,7 +452,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_12 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_12 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_12)if ([
         "getReferenceChipColors",
@@ -632,7 +632,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_30 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_30 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_30)if ([
         "getReferenceChipColors",
@@ -652,7 +652,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropzone_overlay__rspack_import_31[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_32 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_32 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_32)if ([
         "getReferenceChipColors",
@@ -732,7 +732,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_40 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_40 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_40)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("./label");
+    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -782,7 +782,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_44[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_45 = __webpack_require__("./layout");
+    var _layout__rspack_import_45 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_45)if ([
         "getReferenceChipColors",
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_66 = __webpack_require__("./reference-chip");
+    var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
     var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_68 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1144,7 +1144,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_82[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_83 = __webpack_require__("./table");
+    var _table__rspack_import_83 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_83)if ([
         "getReferenceChipColors",
@@ -1164,7 +1164,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_85 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_85 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_85)if ([
         "getReferenceChipColors",
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
-    var _variable_picker__rspack_import_92 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
         "getReferenceChipColors",

package/dist/components/ui/reference-chip.cjs

@@ -65,7 +65,7 @@ const ReferenceChip = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
             onRemove && !readOnly && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                 type: "button",
                 disabled: disabled,
-                "aria-label": removeLabel ?? `Remove ${label}`,
+                "aria-label": removeLabel ?? ('string' == typeof label ? `Remove ${label}` : 'Remove'),
                 className: "inline-flex shrink-0 items-center justify-center p-px border-0 bg-transparent cursor-pointer rounded-[2px] w-4 h-4 text-inherit focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-current disabled:cursor-default",
                 onMouseDown: (event)=>{
                     event.preventDefault();

package/dist/components/ui/reference-chip.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 export interface ReferenceChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** Display name of the referenced variable, resource or connection. */
-    label: string;
+    label: ReactNode;
     /** Decorative icon. Branded icons may preserve their original colors. */
     icon?: ReactNode;
     onRemove?: () => void;

package/dist/components/ui/reference-chip.js

@@ -37,7 +37,7 @@ const ReferenceChip = /*#__PURE__*/ forwardRef(({ label, icon, onRemove, removeL
             onRemove && !readOnly && /*#__PURE__*/ jsx("button", {
                 type: "button",
                 disabled: disabled,
-                "aria-label": removeLabel ?? `Remove ${label}`,
+                "aria-label": removeLabel ?? ('string' == typeof label ? `Remove ${label}` : 'Remove'),
                 className: "inline-flex shrink-0 items-center justify-center p-px border-0 bg-transparent cursor-pointer rounded-[2px] w-4 h-4 text-inherit focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-current disabled:cursor-default",
                 onMouseDown: (event)=>{
                     event.preventDefault();

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

@@ -1,2 +1,2 @@
-export type { VariablePickerContentProps, VariablePickerItem, VariablePickerProps, } from './variable-picker';
+export type { RenderVariablePicker, VariablePickerContentProps, VariablePickerItem, VariablePickerProps, VariablePickerSlotProps, } from './variable-picker';
 export { VariablePicker, VariablePickerContent } from './variable-picker';