@uipath/apollo-wind 2.61.0 → 2.63.0

package/dist/components/ui/checkbox.cjs

@@ -34,13 +34,18 @@ const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
 const Checkbox = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Root, {
         ref: ref,
         "data-slot": "checkbox",
-        className: (0, utils_cjs_namespaceObject.cn)('peer h-4 w-4 shrink-0 cursor-pointer rounded-sm border border-border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:hover:border-border-hover future:data-[state=checked]:border-foreground-accent future:data-[state=checked]:bg-foreground-accent future:data-[state=checked]:text-current', 'future:aria-invalid:border-error future:aria-invalid:hover:border-error future:aria-invalid:data-[state=checked]:border-error', className),
+        className: (0, utils_cjs_namespaceObject.cn)('group/checkbox peer h-4 w-4 shrink-0 cursor-pointer rounded-sm border border-border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:hover:border-border-hover future:data-[state=checked]:border-foreground-accent future:data-[state=checked]:bg-foreground-accent future:data-[state=checked]:text-current future:data-[state=indeterminate]:border-foreground-accent future:data-[state=indeterminate]:bg-foreground-accent future:data-[state=indeterminate]:text-current', 'future:aria-invalid:border-error future:aria-invalid:hover:border-error future:aria-invalid:data-[state=checked]:border-error future:aria-invalid:data-[state=indeterminate]:border-error', className),
         ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Indicator, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_checkbox_namespaceObject.Indicator, {
             className: (0, utils_cjs_namespaceObject.cn)('flex items-center justify-center text-current future:text-foreground-inverse'),
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
-                className: "h-4 w-4 future:h-3.5 future:w-3.5"
-            })
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                    className: "h-4 w-4 group-data-[state=indeterminate]/checkbox:hidden future:h-3.5 future:w-3.5"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Minus, {
+                    className: "hidden h-4 w-4 group-data-[state=indeterminate]/checkbox:block future:h-3.5 future:w-3.5"
+                })
+            ]
         })
     }));
 Checkbox.displayName = react_checkbox_namespaceObject.Root.displayName;

package/dist/components/ui/checkbox.js

@@ -1,18 +1,23 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Indicator, Root } from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
+import { Check, Minus } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
 const Checkbox = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
         "data-slot": "checkbox",
-        className: cn('peer h-4 w-4 shrink-0 cursor-pointer rounded-sm border border-border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:hover:border-border-hover future:data-[state=checked]:border-foreground-accent future:data-[state=checked]:bg-foreground-accent future:data-[state=checked]:text-current', 'future:aria-invalid:border-error future:aria-invalid:hover:border-error future:aria-invalid:data-[state=checked]:border-error', className),
+        className: cn('group/checkbox peer h-4 w-4 shrink-0 cursor-pointer rounded-sm border border-border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground aria-invalid:border-error aria-invalid:focus-visible:ring-error', 'future:hover:border-border-hover future:data-[state=checked]:border-foreground-accent future:data-[state=checked]:bg-foreground-accent future:data-[state=checked]:text-current future:data-[state=indeterminate]:border-foreground-accent future:data-[state=indeterminate]:bg-foreground-accent future:data-[state=indeterminate]:text-current', 'future:aria-invalid:border-error future:aria-invalid:hover:border-error future:aria-invalid:data-[state=checked]:border-error future:aria-invalid:data-[state=indeterminate]:border-error', className),
         ...props,
-        children: /*#__PURE__*/ jsx(Indicator, {
+        children: /*#__PURE__*/ jsxs(Indicator, {
             className: cn('flex items-center justify-center text-current future:text-foreground-inverse'),
-            children: /*#__PURE__*/ jsx(Check, {
-                className: "h-4 w-4 future:h-3.5 future:w-3.5"
-            })
+            children: [
+                /*#__PURE__*/ jsx(Check, {
+                    className: "h-4 w-4 group-data-[state=indeterminate]/checkbox:hidden future:h-3.5 future:w-3.5"
+                }),
+                /*#__PURE__*/ jsx(Minus, {
+                    className: "hidden h-4 w-4 group-data-[state=indeterminate]/checkbox:block future:h-3.5 future:w-3.5"
+                })
+            ]
         })
     }));
 Checkbox.displayName = Root.displayName;

package/dist/components/ui/folder-picker/components/folder-breadcrumb.cjs

@@ -0,0 +1,72 @@
+"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__, {
+    FolderBreadcrumb: ()=>FolderBreadcrumb
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_breadcrumb_cjs_namespaceObject = require("../../breadcrumb.cjs");
+function FolderBreadcrumb({ crumbs, onJump, label = 'breadcrumb' }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_breadcrumb_cjs_namespaceObject.Breadcrumb, {
+        "aria-label": label,
+        className: "border-b border-border px-3 py-2",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_breadcrumb_cjs_namespaceObject.BreadcrumbList, {
+            className: "flex-nowrap gap-0.5 overflow-hidden text-xs sm:gap-0.5",
+            children: crumbs.map((crumb, index)=>{
+                const isCurrent = index === crumbs.length - 1;
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                    children: [
+                        index > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_breadcrumb_cjs_namespaceObject.BreadcrumbSeparator, {
+                            className: "shrink-0 text-foreground-subtle [&>svg]:size-3"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_breadcrumb_cjs_namespaceObject.BreadcrumbItem, {
+                            className: "min-w-0",
+                            children: isCurrent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_breadcrumb_cjs_namespaceObject.BreadcrumbPage, {
+                                className: "truncate text-xs font-medium text-foreground",
+                                children: crumb.label
+                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_breadcrumb_cjs_namespaceObject.BreadcrumbLink, {
+                                asChild: true,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                    type: "button",
+                                    className: "cursor-pointer truncate rounded px-0.5 text-xs text-foreground-muted transition-colors hover:text-foreground",
+                                    onClick: ()=>onJump(crumb.stack),
+                                    children: crumb.label
+                                })
+                            })
+                        })
+                    ]
+                }, crumb.key);
+            })
+        })
+    });
+}
+exports.FolderBreadcrumb = __webpack_exports__.FolderBreadcrumb;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderBreadcrumb"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/folder-picker/components/folder-breadcrumb.d.ts

@@ -0,0 +1,14 @@
+export interface FolderCrumb {
+    /** The path this crumb jumps to, unique down the trail. */
+    key: string;
+    label: string;
+    stack: string[];
+}
+export interface FolderBreadcrumbProps {
+    crumbs: FolderCrumb[];
+    onJump: (stack: string[]) => void;
+    /** Accessible name for the breadcrumb's navigation landmark. */
+    label?: string;
+}
+/** The path above the list. Every segment but the last jumps back up. */
+export declare function FolderBreadcrumb({ crumbs, onJump, label }: FolderBreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/folder-picker/components/folder-breadcrumb.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../../breadcrumb.js";
+function FolderBreadcrumb({ crumbs, onJump, label = 'breadcrumb' }) {
+    return /*#__PURE__*/ jsx(Breadcrumb, {
+        "aria-label": label,
+        className: "border-b border-border px-3 py-2",
+        children: /*#__PURE__*/ jsx(BreadcrumbList, {
+            className: "flex-nowrap gap-0.5 overflow-hidden text-xs sm:gap-0.5",
+            children: crumbs.map((crumb, index)=>{
+                const isCurrent = index === crumbs.length - 1;
+                return /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        index > 0 && /*#__PURE__*/ jsx(BreadcrumbSeparator, {
+                            className: "shrink-0 text-foreground-subtle [&>svg]:size-3"
+                        }),
+                        /*#__PURE__*/ jsx(BreadcrumbItem, {
+                            className: "min-w-0",
+                            children: isCurrent ? /*#__PURE__*/ jsx(BreadcrumbPage, {
+                                className: "truncate text-xs font-medium text-foreground",
+                                children: crumb.label
+                            }) : /*#__PURE__*/ jsx(BreadcrumbLink, {
+                                asChild: true,
+                                children: /*#__PURE__*/ jsx("button", {
+                                    type: "button",
+                                    className: "cursor-pointer truncate rounded px-0.5 text-xs text-foreground-muted transition-colors hover:text-foreground",
+                                    onClick: ()=>onJump(crumb.stack),
+                                    children: crumb.label
+                                })
+                            })
+                        })
+                    ]
+                }, crumb.key);
+            })
+        })
+    });
+}
+export { FolderBreadcrumb };

package/dist/components/ui/folder-picker/components/folder-picker-empty-state.cjs

@@ -0,0 +1,75 @@
+"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__, {
+    FolderPickerEmptyState: ()=>FolderPickerEmptyState
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_button_cjs_namespaceObject = require("../../button.cjs");
+const external_spinner_cjs_namespaceObject = require("../../spinner.cjs");
+const defaultNoMatchText = (query)=>`No folders match “${query}”.`;
+function FolderPickerEmptyState({ error, loading = false, query = '', emptyText = 'No subfolders.', noMatchText = defaultNoMatchText, loadingText = 'Loading…', onRetry, retryLabel = 'Retry' }) {
+    if (error) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex items-center justify-between gap-2 px-3 py-2",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                role: "alert",
+                className: "text-xs text-destructive",
+                children: error
+            }),
+            onRetry && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                variant: "ghost",
+                size: "xs",
+                type: "button",
+                className: "h-7",
+                onClick: onRetry,
+                children: retryLabel
+            })
+        ]
+    });
+    if (loading) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        role: "status",
+        className: "flex items-center gap-2 px-3 py-2 text-xs text-foreground-muted",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner, {
+                className: "[&_svg]:size-3.5",
+                "aria-hidden": "true"
+            }),
+            loadingText
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        role: "status",
+        className: "px-3 py-2 text-xs text-foreground-muted",
+        children: query ? noMatchText(query) : emptyText
+    });
+}
+exports.FolderPickerEmptyState = __webpack_exports__.FolderPickerEmptyState;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderPickerEmptyState"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/folder-picker/components/folder-picker-empty-state.d.ts

@@ -0,0 +1,26 @@
+export interface FolderPickerEmptyStateProps {
+    /** A load that failed. Takes precedence over every other state. */
+    error?: string | null;
+    /** The level on screen has never resolved, so its contents are unknown. */
+    loading?: boolean;
+    /** The active search text, trimmed. Empty when the list is unfiltered. */
+    query?: string;
+    emptyText?: string;
+    noMatchText?: (query: string) => string;
+    loadingText?: string;
+    /** Requests the failed level again. Without it, the error offers no action. */
+    onRetry?: () => void;
+    retryLabel?: string;
+}
+/**
+ * What the list shows when it has no rows.
+ *
+ * The four cases say different things and must not collapse into one message:
+ * a level still loading is not an empty folder, an empty folder is not a failed
+ * search, and neither is an error. Ordered by precedence, so a folder that
+ * fails to load reports the failure rather than claiming to be empty.
+ *
+ * Always renders one of the four messages, falling back to the empty-folder
+ * text, so the caller renders it only when the list has no rows.
+ */
+export declare function FolderPickerEmptyState({ error, loading, query, emptyText, noMatchText, loadingText, onRetry, retryLabel, }: FolderPickerEmptyStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/folder-picker/components/folder-picker-empty-state.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../button.js";
+import { Spinner } from "../../spinner.js";
+const defaultNoMatchText = (query)=>`No folders match “${query}”.`;
+function FolderPickerEmptyState({ error, loading = false, query = '', emptyText = 'No subfolders.', noMatchText = defaultNoMatchText, loadingText = 'Loading…', onRetry, retryLabel = 'Retry' }) {
+    if (error) return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center justify-between gap-2 px-3 py-2",
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                role: "alert",
+                className: "text-xs text-destructive",
+                children: error
+            }),
+            onRetry && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "xs",
+                type: "button",
+                className: "h-7",
+                onClick: onRetry,
+                children: retryLabel
+            })
+        ]
+    });
+    if (loading) return /*#__PURE__*/ jsxs("div", {
+        role: "status",
+        className: "flex items-center gap-2 px-3 py-2 text-xs text-foreground-muted",
+        children: [
+            /*#__PURE__*/ jsx(Spinner, {
+                className: "[&_svg]:size-3.5",
+                "aria-hidden": "true"
+            }),
+            loadingText
+        ]
+    });
+    return /*#__PURE__*/ jsx("div", {
+        role: "status",
+        className: "px-3 py-2 text-xs text-foreground-muted",
+        children: query ? noMatchText(query) : emptyText
+    });
+}
+export { FolderPickerEmptyState };

package/dist/components/ui/folder-picker/components/folder-picker-footer.cjs

@@ -0,0 +1,70 @@
+"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__, {
+    FolderPickerFooter: ()=>FolderPickerFooter
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_button_cjs_namespaceObject = require("../../button.cjs");
+function FolderPickerFooter({ leading, onCancel, onSelect, selectDisabled = false, cancelLabel = 'Cancel', selectLabel = 'Select' }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex shrink-0 items-center justify-between gap-2 border-t border-border px-3 py-2",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "flex min-w-0 items-center gap-1",
+                children: leading
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: [
+                    onCancel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                        variant: "ghost",
+                        size: "xs",
+                        type: "button",
+                        className: "h-7",
+                        onClick: onCancel,
+                        children: cancelLabel
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                        variant: "default",
+                        size: "xs",
+                        type: "button",
+                        className: "h-7",
+                        disabled: selectDisabled,
+                        onClick: onSelect,
+                        children: selectLabel
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.FolderPickerFooter = __webpack_exports__.FolderPickerFooter;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderPickerFooter"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/folder-picker/components/folder-picker-footer.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export interface FolderPickerFooterProps {
+    /** Whatever the picker wants to say about the pending choice. */
+    leading?: ReactNode;
+    /** Omitted when there is nothing to dismiss, which hides the button. */
+    onCancel?: () => void;
+    onSelect: () => void;
+    selectDisabled?: boolean;
+    cancelLabel?: string;
+    selectLabel?: string;
+}
+/**
+ * The action row that ends the interaction.
+ *
+ * "Select", not "Apply": the button finishes choosing a value, where "Apply"
+ * would belong on a form that has been edited. Cancel renders only when the
+ * consumer supplies a handler, so an embedded surface with nothing to dismiss
+ * does not show a button that does nothing.
+ */
+export declare function FolderPickerFooter({ leading, onCancel, onSelect, selectDisabled, cancelLabel, selectLabel, }: FolderPickerFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/folder-picker/components/folder-picker-footer.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../button.js";
+function FolderPickerFooter({ leading, onCancel, onSelect, selectDisabled = false, cancelLabel = 'Cancel', selectLabel = 'Select' }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex shrink-0 items-center justify-between gap-2 border-t border-border px-3 py-2",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "flex min-w-0 items-center gap-1",
+                children: leading
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: [
+                    onCancel && /*#__PURE__*/ jsx(Button, {
+                        variant: "ghost",
+                        size: "xs",
+                        type: "button",
+                        className: "h-7",
+                        onClick: onCancel,
+                        children: cancelLabel
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "default",
+                        size: "xs",
+                        type: "button",
+                        className: "h-7",
+                        disabled: selectDisabled,
+                        onClick: onSelect,
+                        children: selectLabel
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { FolderPickerFooter };

package/dist/components/ui/folder-picker/components/folder-picker-search.cjs

@@ -0,0 +1,79 @@
+"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__, {
+    FolderPickerSearch: ()=>FolderPickerSearch
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+function FolderPickerSearch({ value, onChange, placeholder = 'Search...', clearLabel = 'Clear search' }) {
+    const inputRef = (0, external_react_namespaceObject.useRef)(null);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex items-center border-b border-border px-3",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                className: "mr-2 size-4 shrink-0 opacity-50"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+                ref: inputRef,
+                "data-slot": "folder-picker-search",
+                type: "text",
+                autoComplete: "off",
+                "aria-label": placeholder,
+                placeholder: placeholder,
+                value: value,
+                onChange: (event)=>onChange(event.target.value),
+                className: "flex h-9 w-full rounded-md bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                onKeyDown: (event)=>{
+                    if ('Escape' === event.key && value) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        onChange('');
+                    }
+                }
+            }),
+            value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                "aria-label": clearLabel,
+                className: "ml-1 grid size-5 shrink-0 cursor-pointer place-items-center rounded text-muted-foreground transition-colors hover:text-foreground",
+                onClick: ()=>{
+                    inputRef.current?.focus();
+                    onChange('');
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                    className: "size-3.5"
+                })
+            })
+        ]
+    });
+}
+exports.FolderPickerSearch = __webpack_exports__.FolderPickerSearch;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderPickerSearch"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/folder-picker/components/folder-picker-search.d.ts

@@ -0,0 +1,14 @@
+export interface FolderPickerSearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    clearLabel?: string;
+}
+/**
+ * Filters the level being browsed.
+ *
+ * Matches `CommandInput`: no field of its own, just a leading magnifier and
+ * the rule under the row, so the search reads as part of the popover rather
+ * than as a control sitting inside it.
+ */
+export declare function FolderPickerSearch({ value, onChange, placeholder, clearLabel, }: FolderPickerSearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/folder-picker/components/folder-picker-search.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+import { useRef } from "react";
+function FolderPickerSearch({ value, onChange, placeholder = 'Search...', clearLabel = 'Clear search' }) {
+    const inputRef = useRef(null);
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center border-b border-border px-3",
+        children: [
+            /*#__PURE__*/ jsx(Search, {
+                className: "mr-2 size-4 shrink-0 opacity-50"
+            }),
+            /*#__PURE__*/ jsx("input", {
+                ref: inputRef,
+                "data-slot": "folder-picker-search",
+                type: "text",
+                autoComplete: "off",
+                "aria-label": placeholder,
+                placeholder: placeholder,
+                value: value,
+                onChange: (event)=>onChange(event.target.value),
+                className: "flex h-9 w-full rounded-md bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                onKeyDown: (event)=>{
+                    if ('Escape' === event.key && value) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        onChange('');
+                    }
+                }
+            }),
+            value && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "aria-label": clearLabel,
+                className: "ml-1 grid size-5 shrink-0 cursor-pointer place-items-center rounded text-muted-foreground transition-colors hover:text-foreground",
+                onClick: ()=>{
+                    inputRef.current?.focus();
+                    onChange('');
+                },
+                children: /*#__PURE__*/ jsx(X, {
+                    className: "size-3.5"
+                })
+            })
+        ]
+    });
+}
+export { FolderPickerSearch };