@uipath/apollo-wind 2.56.0 → 2.57.0

package/dist/components/ui/index.js

@@ -24,6 +24,8 @@ export * from "./drawer.js";
 export * from "./dropdown-menu.js";
 export * from "./editable-cell.js";
 export * from "./empty-state.js";
+export * from "./field-actions/index.js";
+export * from "./field-addons/index.js";
 export * from "./file-upload.js";
 export * from "./form-field.js";
 export * from "./hover-card.js";

package/dist/components/ui/input-group-context.cjs

@@ -0,0 +1,91 @@
+"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__, {
+    NO_GROUP_DISABLED: ()=>NO_GROUP_DISABLED,
+    useInputGroup: ()=>useInputGroup,
+    NO_GROUP: ()=>NO_GROUP,
+    controlValidation: ()=>controlValidation,
+    useControlValidation: ()=>useControlValidation,
+    InputGroupContext: ()=>InputGroupContext
+});
+const external_react_namespaceObject = require("react");
+const NO_GROUP = {
+    inGroup: false,
+    anchor: null
+};
+const NO_GROUP_DISABLED = {
+    ...NO_GROUP,
+    disabled: true
+};
+const InputGroupContext = (0, external_react_namespaceObject.createContext)(NO_GROUP);
+function useInputGroup() {
+    return (0, external_react_namespaceObject.useContext)(InputGroupContext);
+}
+function controlValidation(group, { error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }) {
+    const messageId = group.reportError ? group.error || error ? group.errorId : void 0 : error ? errorId : void 0;
+    const invalid = Boolean(error) || group.inGroup && Boolean(group.error || group.invalid);
+    const describedBy = [
+        ...new Set(`${ariaDescribedBy ?? ''} ${messageId ?? ''}`.split(/\s+/))
+    ].filter(Boolean).join(' ');
+    return {
+        'aria-invalid': invalid ? true : ariaInvalid,
+        'aria-describedby': describedBy || void 0,
+        'aria-errormessage': messageId ?? ariaErrorMessage
+    };
+}
+function useControlValidation(group, input) {
+    const { reportError } = group;
+    const { error } = input;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!reportError) return;
+        reportError(error);
+        return ()=>reportError(void 0);
+    }, [
+        reportError,
+        error
+    ]);
+    return {
+        aria: controlValidation(group, input),
+        ownMessage: !reportError
+    };
+}
+exports.InputGroupContext = __webpack_exports__.InputGroupContext;
+exports.NO_GROUP = __webpack_exports__.NO_GROUP;
+exports.NO_GROUP_DISABLED = __webpack_exports__.NO_GROUP_DISABLED;
+exports.controlValidation = __webpack_exports__.controlValidation;
+exports.useControlValidation = __webpack_exports__.useControlValidation;
+exports.useInputGroup = __webpack_exports__.useInputGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputGroupContext",
+    "NO_GROUP",
+    "NO_GROUP_DISABLED",
+    "controlValidation",
+    "useControlValidation",
+    "useInputGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/input-group-context.d.ts

@@ -0,0 +1,69 @@
+import { type AriaAttributes, type ReactNode, type RefObject } from 'react';
+/** How tall the group may grow. `row` is the single-row control; the others override only sizing
+ *  and alignment, so border, fill and rings stay identical across all four. */
+export type InputGroupLayout = 'row' | 'grow' | 'block' | 'fill';
+/** The enclosing InputGroup, as a control inside it sees it. */
+export interface InputGroupState {
+    /**
+     * Whether the control is the group's control. `false` outside a group, and inside an
+     * `InputGroupAddon` or `InputGroupBody`, whose contents are not the group's control.
+     */
+    inGroup: boolean;
+    layout?: InputGroupLayout;
+    /** The group's validation message, which the group renders below its box. */
+    error?: ReactNode;
+    errorId?: string;
+    /** The group's `invalid`, which marks its control invalid without a message. */
+    invalid?: boolean;
+    /** The group's `disabled`. Holds for everything inside it, addons and body included. */
+    disabled?: boolean;
+    /** The group's box, for a popover opened by the control to anchor to. */
+    anchor: RefObject<HTMLElement | null> | null;
+    /**
+     * Shows the control's own `error` in the group's message slot, below the box, when the group has
+     * no `error` of its own. Absent where nothing renders the message for the control.
+     */
+    reportError?: (error: ReactNode) => void;
+}
+export declare const NO_GROUP: InputGroupState;
+/** Not the group's control, but inside a disabled group. */
+export declare const NO_GROUP_DISABLED: InputGroupState;
+export declare const InputGroupContext: import("react").Context<InputGroupState>;
+/**
+ * The enclosing InputGroup. Apollo's controls read it to become the group's control on their own;
+ * a custom control that also renders standalone can do the same.
+ */
+export declare function useInputGroup(): InputGroupState;
+interface ControlValidationInput {
+    /** The control's own `error`. */
+    error?: ReactNode;
+    /** The id of the control's own message. */
+    errorId?: string;
+    'aria-invalid'?: AriaAttributes['aria-invalid'];
+    'aria-describedby'?: string;
+    'aria-errormessage'?: string;
+}
+/**
+ * A control's validation attributes. Standalone, they point at the message the control renders
+ * below itself. Inside a group they point at the group's message instead, since a message the
+ * control rendered would land inside the group's box; the group shows the control's own `error`
+ * there when it has none of its own.
+ */
+export declare function controlValidation(group: InputGroupState, { error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, }: ControlValidationInput): {
+    'aria-invalid': boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-describedby': string | undefined;
+    'aria-errormessage': string | undefined;
+};
+/**
+ * {@link controlValidation} for a control that takes an `error`, and whether it renders that message
+ * itself. Inside a group it hands the message to the group, which renders it below the box.
+ */
+export declare function useControlValidation(group: InputGroupState, input: ControlValidationInput): {
+    aria: {
+        'aria-invalid': boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-describedby': string | undefined;
+        'aria-errormessage': string | undefined;
+    };
+    ownMessage: boolean;
+};
+export {};

package/dist/components/ui/input-group-context.js

@@ -0,0 +1,42 @@
+import { createContext, useContext, useEffect } from "react";
+const NO_GROUP = {
+    inGroup: false,
+    anchor: null
+};
+const NO_GROUP_DISABLED = {
+    ...NO_GROUP,
+    disabled: true
+};
+const InputGroupContext = createContext(NO_GROUP);
+function useInputGroup() {
+    return useContext(InputGroupContext);
+}
+function controlValidation(group, { error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }) {
+    const messageId = group.reportError ? group.error || error ? group.errorId : void 0 : error ? errorId : void 0;
+    const invalid = Boolean(error) || group.inGroup && Boolean(group.error || group.invalid);
+    const describedBy = [
+        ...new Set(`${ariaDescribedBy ?? ''} ${messageId ?? ''}`.split(/\s+/))
+    ].filter(Boolean).join(' ');
+    return {
+        'aria-invalid': invalid ? true : ariaInvalid,
+        'aria-describedby': describedBy || void 0,
+        'aria-errormessage': messageId ?? ariaErrorMessage
+    };
+}
+function useControlValidation(group, input) {
+    const { reportError } = group;
+    const { error } = input;
+    useEffect(()=>{
+        if (!reportError) return;
+        reportError(error);
+        return ()=>reportError(void 0);
+    }, [
+        reportError,
+        error
+    ]);
+    return {
+        aria: controlValidation(group, input),
+        ownMessage: !reportError
+    };
+}
+export { InputGroupContext, NO_GROUP, NO_GROUP_DISABLED, controlValidation, useControlValidation, useInputGroup };

package/dist/components/ui/input-group.cjs

@@ -24,136 +24,383 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    InputGroupButton: ()=>InputGroupButton,
+    inputGroupVariants: ()=>inputGroupVariants,
     InputGroupText: ()=>InputGroupText,
     InputGroupAddon: ()=>InputGroupAddon,
+    InputGroupPopoverTrigger: ()=>InputGroupPopoverTrigger,
+    InputGroupTextarea: ()=>InputGroupTextarea,
+    InputGroupBody: ()=>InputGroupBody,
+    InputGroupButton: ()=>InputGroupButton,
+    InputGroupRow: ()=>InputGroupRow,
     InputGroup: ()=>InputGroup,
+    InputGroupTrigger: ()=>InputGroupTrigger,
     InputGroupInput: ()=>InputGroupInput,
-    InputGroupTextarea: ()=>InputGroupTextarea
+    useInputGroup: ()=>external_input_group_context_cjs_namespaceObject.useInputGroup
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const external_form_field_cjs_namespaceObject = require("./form-field.cjs");
-const InputGroupValidationContext = /*#__PURE__*/ external_react_namespaceObject.createContext({});
-const InputGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, error, errorId, variant = 'default', size = 'default', ...props }, ref)=>{
+const external_input_group_context_cjs_namespaceObject = require("./input-group-context.cjs");
+const ROW_LAYOUTS = [
+    'row',
+    'grow',
+    'fill'
+];
+const FILLED = [
+    'default',
+    'ghost'
+];
+const BOXED = [
+    'default',
+    'ghost',
+    'outline'
+];
+const inputGroupVariants = (0, external_class_variance_authority_namespaceObject.cva)([
+    'group/input-group relative flex w-full items-center gap-2 transition-colors has-[>textarea]:h-auto has-[>textarea]:items-start',
+    'has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:opacity-50'
+], {
+    variants: {
+        size: {
+            default: 'h-9 rounded-md px-3 py-1 future:h-10 future:rounded-xl future:py-2 has-[>[data-slot=input-group-addon][data-align=inline-end]]:pr-2 future:has-[>[data-slot=input-group-addon][data-align=inline-end]]:pr-2',
+            xs: 'h-6 gap-1 rounded px-2'
+        },
+        layout: {
+            row: '',
+            grow: 'h-auto min-h-9 future:h-auto future:min-h-10',
+            block: 'h-auto flex-col items-stretch gap-0 overflow-hidden p-0 future:h-auto future:p-0',
+            fill: 'h-auto min-h-9 items-stretch py-0 pl-0 pr-0 future:h-auto future:min-h-10 future:py-0 future:pl-0 future:pr-0'
+        },
+        variant: {
+            default: 'border border-input bg-transparent future:border-0 future:bg-surface-overlay',
+            ghost: 'border-0 bg-surface-overlay',
+            outline: 'border border-input bg-transparent shadow-none future:border future:border-input future:bg-transparent future:has-[[data-slot][aria-invalid=true]]:border-error',
+            none: 'border-0 bg-transparent shadow-none future:bg-transparent'
+        },
+        invalid: {
+            true: '',
+            false: ''
+        },
+        disabled: {
+            true: 'cursor-not-allowed opacity-50',
+            false: ''
+        }
+    },
+    compoundVariants: [
+        {
+            variant: 'none',
+            layout: ROW_LAYOUTS,
+            class: 'px-0 pr-3'
+        },
+        {
+            layout: ROW_LAYOUTS,
+            class: 'has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]_:focus-visible]:ring-2 has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-error has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]_:focus-visible]:ring-error future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background future:has-[[data-slot=input-group-control]_:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]_:focus-visible]:ring-offset-background'
+        },
+        {
+            layout: ROW_LAYOUTS,
+            invalid: false,
+            class: 'has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]_:focus-visible]:ring-ring'
+        },
+        {
+            layout: ROW_LAYOUTS,
+            invalid: true,
+            class: 'has-[[data-slot=input-group-control]:focus-visible]:ring-error has-[[data-slot=input-group-control]_:focus-visible]:ring-error'
+        },
+        {
+            variant: BOXED,
+            class: 'has-[[data-slot][aria-invalid=true]]:border-error'
+        },
+        {
+            variant: BOXED,
+            invalid: true,
+            class: 'border-error'
+        },
+        {
+            variant: 'outline',
+            invalid: true,
+            class: 'future:border-error'
+        },
+        {
+            variant: FILLED,
+            class: 'has-[[data-slot][aria-invalid=true]]:ring-error/20 future:has-[[data-slot][aria-invalid=true]]:ring-1 future:has-[[data-slot][aria-invalid=true]]:ring-error/40'
+        },
+        {
+            variant: FILLED,
+            invalid: true,
+            class: 'ring-error/20 future:ring-1 future:ring-error/40'
+        },
+        {
+            variant: FILLED,
+            layout: ROW_LAYOUTS,
+            class: 'has-[button[data-slot=input-group-control]:not(:disabled):hover]:bg-accent future:has-[button[data-slot=input-group-control]:not(:disabled):hover]:bg-surface-hover'
+        }
+    ],
+    defaultVariants: {
+        size: 'default',
+        layout: 'row',
+        variant: 'default',
+        invalid: false,
+        disabled: false
+    }
+});
+const InputGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, error, errorId, variant = 'default', size = 'default', layout = 'row', invalid, disabled, ...props }, ref)=>{
     const generatedId = external_react_namespaceObject.useId();
     const validationId = errorId ?? `input-group-${generatedId.replace(/:/g, '')}-error`;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(InputGroupValidationContext.Provider, {
-        value: {
+    const flagged = Boolean(invalid || error);
+    const [controlError, setControlError] = external_react_namespaceObject.useState();
+    const boxRef = external_react_namespaceObject.useRef(null);
+    const setBox = external_react_namespaceObject.useCallback((node)=>{
+        boxRef.current = node;
+        if ('function' == typeof ref) ref(node);
+        else if (ref) ref.current = node;
+    }, [
+        ref
+    ]);
+    const group = external_react_namespaceObject.useMemo(()=>({
+            inGroup: true,
+            layout,
             error,
-            errorId: validationId
-        },
+            errorId: validationId,
+            invalid,
+            disabled,
+            anchor: boxRef,
+            reportError: setControlError
+        }), [
+        layout,
+        error,
+        validationId,
+        invalid,
+        disabled
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
+        value: group,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                ref: ref,
+                ref: setBox,
                 role: "group",
-                className: (0, index_cjs_namespaceObject.cn)('group/input-group relative flex w-full items-center gap-2 transition-colors has-[>textarea]:h-auto has-[>textarea]:items-start', 'default' === size && 'h-9 rounded-md px-3 py-1 future:h-10 future:rounded-xl future:py-2', 'xs' === size && 'h-6 gap-1 rounded px-2', 'default' === variant && 'border border-input bg-transparent future:border-0 future:bg-surface-overlay', 'ghost' === variant && 'border-0 bg-surface-overlay', 'has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background', 'has-[[data-slot][aria-invalid=true]]:border-error has-[[data-slot][aria-invalid=true]]:ring-error/20 future:has-[[data-slot][aria-invalid=true]]:ring-1 future:has-[[data-slot][aria-invalid=true]]:ring-error/40', error && 'border-error ring-error/20 future:ring-1 future:ring-error/40', 'has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:opacity-50', className),
+                "data-slot": "input-group",
+                "data-layout": layout,
+                "data-invalid": flagged ? '' : void 0,
+                "data-disabled": disabled ? '' : void 0,
+                "aria-disabled": disabled || void 0,
+                className: (0, index_cjs_namespaceObject.cn)(inputGroupVariants({
+                    size,
+                    layout,
+                    variant,
+                    invalid: flagged,
+                    disabled
+                }), className),
                 ...props
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
                 id: validationId,
-                children: error
+                children: error || controlError
             })
         ]
     });
 });
 InputGroup.displayName = 'InputGroup';
-const inputGroupAddonVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex h-auto cursor-text items-center justify-center gap-1 text-sm text-muted-foreground select-none group-has-[[data-slot=input-group-control]:disabled]/input-group:opacity-50 [&>svg:not([class*="size-"])]:size-4', {
+const inputGroupAddonVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex h-auto cursor-text empty:hidden items-center justify-center gap-1 text-sm text-muted-foreground select-none group-has-[[data-slot=input-group-control]:disabled]/input-group:opacity-50 [&>svg:not([class*="size-"])]:size-4', {
     variants: {
         align: {
             'inline-start': 'order-first',
-            'inline-end': 'order-last'
+            'inline-end': 'order-last ml-auto'
+        },
+        layout: {
+            row: '',
+            grow: 'shrink-0 self-stretch max-h-6.5 future:max-h-6',
+            block: 'shrink-0 self-stretch max-h-9 future:max-h-10',
+            fill: 'shrink-0 self-stretch max-h-9 future:max-h-10'
         }
     },
     defaultVariants: {
-        align: 'inline-start'
+        align: 'inline-start',
+        layout: 'row'
     }
 });
-const InputGroupAddon = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'inline-start', onClick, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+const ADDON_INTERACTIVE = 'button, a[href], input, textarea, select, [contenteditable], [tabindex]';
+const InputGroupAddon = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'inline-start', focusControlOnClick = true, onClick, ...props }, ref)=>{
+    const { layout, disabled } = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
+        value: disabled ? external_input_group_context_cjs_namespaceObject.NO_GROUP_DISABLED : external_input_group_context_cjs_namespaceObject.NO_GROUP,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            role: "group",
+            "data-slot": "input-group-addon",
+            "data-align": align,
+            className: (0, index_cjs_namespaceObject.cn)(inputGroupAddonVariants({
+                align,
+                layout
+            }), className),
+            onClick: (e)=>{
+                const hit = e.target.closest(ADDON_INTERACTIVE);
+                if (focusControlOnClick && !(hit && e.currentTarget.contains(hit))) e.currentTarget.parentElement?.querySelector('[data-slot=input-group-control]')?.focus();
+                onClick?.(e);
+            },
+            ...props
+        })
+    });
+});
+InputGroupAddon.displayName = 'InputGroupAddon';
+const InputGroupRow = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
-        role: "group",
-        "data-slot": "input-group-addon",
-        "data-align": align,
-        className: (0, index_cjs_namespaceObject.cn)(inputGroupAddonVariants({
-            align
-        }), className),
-        onClick: (e)=>{
-            if (!e.target.closest('button')) e.currentTarget.parentElement?.querySelector('input, textarea')?.focus();
-            onClick?.(e);
-        },
+        "data-slot": "input-group-row",
+        className: (0, index_cjs_namespaceObject.cn)('flex min-h-9 min-w-0 items-stretch gap-2 px-3 has-[>[data-slot=input-group-addon][data-align=inline-end]]:pr-2 future:min-h-10', 'rounded-[inherit] has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-inset has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]_:focus-visible]:ring-2 has-[[data-slot=input-group-control]_:focus-visible]:ring-inset has-[[data-slot=input-group-control]_:focus-visible]:ring-ring has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-error has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]_:focus-visible]:ring-error', className),
         ...props
     }));
-InputGroupAddon.displayName = 'InputGroupAddon';
-const InputGroupButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+InputGroupRow.displayName = 'InputGroupRow';
+const InputGroupBody = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>{
+    const { disabled } = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
+        value: disabled ? external_input_group_context_cjs_namespaceObject.NO_GROUP_DISABLED : external_input_group_context_cjs_namespaceObject.NO_GROUP,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            "data-slot": "input-group-body",
+            className: (0, index_cjs_namespaceObject.cn)('border-t empty:border-t-0 has-[>[hidden]]:border-t-0', className),
+            ...props
+        })
+    });
+});
+InputGroupBody.displayName = 'InputGroupBody';
+const InputGroupButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type = 'button', variant = 'ghost', size = 'xs', disabled, ...props }, ref)=>{
+    const group = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
         ref: ref,
         type: type,
         variant: variant,
         size: size,
+        disabled: disabled || group.disabled,
         className: (0, index_cjs_namespaceObject.cn)('gap-1', className),
         ...props
-    }));
+    });
+});
 InputGroupButton.displayName = 'InputGroupButton';
+const inputGroupTriggerVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-full min-w-0 flex-1 gap-2 rounded-none border-0 bg-transparent text-left font-normal shadow-none hover:bg-transparent focus-visible:ring-offset-0 future:text-foreground future:hover:text-foreground', {
+    variants: {
+        layout: {
+            row: 'h-full min-h-5 justify-between p-0 focus-visible:ring-0',
+            block: 'h-auto min-h-9 justify-start px-0 focus-visible:ring-0 future:min-h-10'
+        }
+    },
+    defaultVariants: {
+        layout: 'row'
+    }
+});
+const InputGroupTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type = 'button', disabled, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...props }, ref)=>{
+    const group = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    const { layout } = group;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        ref: ref,
+        type: type,
+        variant: "ghost",
+        disabled: disabled || group.disabled,
+        className: (0, index_cjs_namespaceObject.cn)(inputGroupTriggerVariants({
+            layout: 'block' === layout ? 'block' : 'row'
+        }), className),
+        ...props,
+        ...(0, external_input_group_context_cjs_namespaceObject.controlValidation)(group, {
+            'aria-invalid': ariaInvalid,
+            'aria-describedby': ariaDescribedBy,
+            'aria-errormessage': ariaErrorMessage
+        }),
+        "data-slot": "input-group-control"
+    });
+});
+InputGroupTrigger.displayName = 'InputGroupTrigger';
+function isEmpty(children) {
+    return null == children || false === children || '' === children;
+}
+const InputGroupPopoverTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, placeholder, caret = true, ...props }, ref)=>{
+    const { anchor } = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(InputGroupTrigger, {
+                    ref: ref,
+                    ...props,
+                    children: [
+                        isEmpty(children) ? void 0 !== placeholder && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            "data-slot": "input-group-placeholder",
+                            className: "truncate text-muted-foreground",
+                            children: placeholder
+                        }) : children,
+                        caret && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            className: "ml-auto shrink-0 text-muted-foreground"
+                        })
+                    ]
+                })
+            }),
+            anchor && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverAnchor, {
+                virtualRef: anchor
+            })
+        ]
+    });
+});
+InputGroupPopoverTrigger.displayName = 'InputGroupPopoverTrigger';
 const InputGroupText = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         ref: ref,
         className: (0, index_cjs_namespaceObject.cn)('flex items-center gap-1 text-sm text-muted-foreground [&>svg:not([class*="size-"])]:size-4', className),
         ...props
     }));
 InputGroupText.displayName = 'InputGroupText';
-const InputGroupInput = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, ...props }, ref)=>{
-    const validation = external_react_namespaceObject.useContext(InputGroupValidationContext);
-    const describedBy = [
-        ariaDescribedBy,
-        validation.error ? validation.errorId : void 0
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: "min-w-0 flex-1",
+const FORCED_GROUP = {
+    ...external_input_group_context_cjs_namespaceObject.NO_GROUP,
+    inGroup: true
+};
+const InputGroupInput = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>{
+    const group = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
+        value: group.inGroup ? group : FORCED_GROUP,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
             ref: ref,
-            "data-slot": "input-group-control",
-            "aria-describedby": describedBy || void 0,
-            "aria-errormessage": validation.error ? validation.errorId : ariaErrorMessage,
-            "aria-invalid": validation.error ? true : ariaInvalid,
-            className: (0, index_cjs_namespaceObject.cn)('h-full w-full rounded-none !border-0 !ring-0 bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:h-full future:rounded-none future:border-0 future:bg-transparent future:p-0 future:focus-visible:ring-offset-0', className),
             ...props
         })
     });
 });
 InputGroupInput.displayName = 'InputGroupInput';
-const InputGroupTextarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, ...props }, ref)=>{
-    const validation = external_react_namespaceObject.useContext(InputGroupValidationContext);
-    const describedBy = [
-        ariaDescribedBy,
-        validation.error ? validation.errorId : void 0
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
-        ref: ref,
-        "data-slot": "input-group-control",
-        "aria-describedby": describedBy || void 0,
-        "aria-errormessage": validation.error ? validation.errorId : ariaErrorMessage,
-        "aria-invalid": validation.error ? true : ariaInvalid,
-        className: (0, index_cjs_namespaceObject.cn)('min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-2 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:focus-visible:ring-offset-0', className),
-        ...props
+const InputGroupTextarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>{
+    const group = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
+        value: group.inGroup ? group : FORCED_GROUP,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
+            ref: ref,
+            ...props
+        })
     });
 });
 InputGroupTextarea.displayName = 'InputGroupTextarea';
 exports.InputGroup = __webpack_exports__.InputGroup;
 exports.InputGroupAddon = __webpack_exports__.InputGroupAddon;
+exports.InputGroupBody = __webpack_exports__.InputGroupBody;
 exports.InputGroupButton = __webpack_exports__.InputGroupButton;
 exports.InputGroupInput = __webpack_exports__.InputGroupInput;
+exports.InputGroupPopoverTrigger = __webpack_exports__.InputGroupPopoverTrigger;
+exports.InputGroupRow = __webpack_exports__.InputGroupRow;
 exports.InputGroupText = __webpack_exports__.InputGroupText;
 exports.InputGroupTextarea = __webpack_exports__.InputGroupTextarea;
+exports.InputGroupTrigger = __webpack_exports__.InputGroupTrigger;
+exports.inputGroupVariants = __webpack_exports__.inputGroupVariants;
+exports.useInputGroup = __webpack_exports__.useInputGroup;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "InputGroup",
     "InputGroupAddon",
+    "InputGroupBody",
     "InputGroupButton",
     "InputGroupInput",
+    "InputGroupPopoverTrigger",
+    "InputGroupRow",
     "InputGroupText",
-    "InputGroupTextarea"
+    "InputGroupTextarea",
+    "InputGroupTrigger",
+    "inputGroupVariants",
+    "useInputGroup"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true