@uipath/apollo-wind 2.72.2 → 2.73.0

package/dist/components/ui/dialog.cjs

@@ -44,6 +44,7 @@ __webpack_require__.d(__webpack_exports__, {
     DialogContent: ()=>dialog_DialogContent,
     ModalClose: ()=>ModalClose,
     ModalHeader: ()=>ModalHeader,
+    DEFAULT_DIALOG_STRINGS: ()=>DEFAULT_DIALOG_STRINGS,
     ModalFooter: ()=>ModalFooter
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -55,6 +56,12 @@ const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const dialog_surface_cjs_namespaceObject = require("../../lib/dialog-surface.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const DEFAULT_DIALOG_STRINGS = {
+    close: 'Close',
+    closeTakeover: 'Close modal',
+    expand: 'Expand modal',
+    collapse: 'Collapse modal'
+};
 function Dialog({ ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
         "data-slot": "dialog",
@@ -121,11 +128,15 @@ const dialog_DialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwar
         ...props
     });
 });
-const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, container, variant = 'default', headerTitle, headerActions, sidebar, sidebarClassName, expanded: controlledExpanded, defaultExpanded = false, onExpandedChange, closeOnBackdropClick = true, overlayProps, overlayTestId, 'data-expanded': dataExpanded, 'aria-labelledby': ariaLabelledBy, onPointerDownOutside, ...props }, ref) {
+const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, container, variant = 'default', headerTitle, headerActions, sidebar, sidebarClassName, expanded: controlledExpanded, defaultExpanded = false, onExpandedChange, closeOnBackdropClick = true, overlayProps, overlayTestId, 'data-expanded': dataExpanded, strings, 'aria-labelledby': ariaLabelledBy, onPointerDownOutside, ...props }, ref) {
     const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
     const [uncontrolledExpanded, setUncontrolledExpanded] = external_react_namespaceObject.useState(defaultExpanded);
     const expanded = controlledExpanded ?? uncontrolledExpanded;
     const isTakeover = 'takeover' === variant;
+    const text = {
+        ...DEFAULT_DIALOG_STRINGS,
+        ...strings
+    };
     const setExpanded = (nextExpanded)=>{
         if (void 0 === controlledExpanded) setUncontrolledExpanded(nextExpanded);
         onExpandedChange?.(nextExpanded);
@@ -173,8 +184,8 @@ const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwar
                                         variant: "ghost",
                                         size: "xs",
                                         icon: true,
-                                        "aria-label": expanded ? 'Collapse modal' : 'Expand modal',
-                                        title: expanded ? 'Collapse modal' : 'Expand modal',
+                                        "aria-label": expanded ? text.collapse : text.expand,
+                                        title: expanded ? text.collapse : text.expand,
                                         onClick: ()=>setExpanded(!expanded),
                                         children: expanded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Minimize2, {
                                             size: 16
@@ -188,7 +199,7 @@ const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwar
                                             variant: "ghost",
                                             size: "xs",
                                             icon: true,
-                                            "aria-label": "Close modal",
+                                            "aria-label": text.closeTakeover,
                                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {
                                                 size: 16
                                             })
@@ -222,7 +233,7 @@ const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwar
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {}),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                 className: "sr-only",
-                                children: "Close"
+                                children: text.close
                             })
                         ]
                     })
@@ -276,6 +287,7 @@ const ModalOverlay = dialog_DialogOverlay;
 const ModalPortal = DialogPortal;
 const ModalTitle = dialog_DialogTitle;
 const ModalTrigger = dialog_DialogTrigger;
+exports.DEFAULT_DIALOG_STRINGS = __webpack_exports__.DEFAULT_DIALOG_STRINGS;
 exports.Dialog = __webpack_exports__.Dialog;
 exports.DialogClose = __webpack_exports__.DialogClose;
 exports.DialogContent = __webpack_exports__.DialogContent;
@@ -297,6 +309,7 @@ exports.ModalPortal = __webpack_exports__.ModalPortal;
 exports.ModalTitle = __webpack_exports__.ModalTitle;
 exports.ModalTrigger = __webpack_exports__.ModalTrigger;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_DIALOG_STRINGS",
     "Dialog",
     "DialogClose",
     "DialogContent",

package/dist/components/ui/dialog.d.ts

@@ -2,6 +2,17 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
+export interface DialogStrings {
+    /** Screen reader label of the default dialog's close button. */
+    close: string;
+    /** Label of the takeover dialog's close button. */
+    closeTakeover: string;
+    /** Label of the takeover dialog's button that fills the viewport. */
+    expand: string;
+    /** Label of the takeover dialog's button that leaves the full viewport. */
+    collapse: string;
+}
+export declare const DEFAULT_DIALOG_STRINGS: DialogStrings;
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
@@ -25,6 +36,8 @@ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiv
     overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
     overlayTestId?: string;
     'data-expanded'?: boolean;
+    /** Overrides for any subset of the built-in button labels. */
+    strings?: Partial<DialogStrings>;
 } & React.RefAttributes<HTMLDivElement>>;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
@@ -48,6 +61,8 @@ declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive
     overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
     overlayTestId?: string;
     'data-expanded'?: boolean;
+    /** Overrides for any subset of the built-in button labels. */
+    strings?: Partial<DialogStrings>;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const ModalFooter: typeof DialogFooter;

package/dist/components/ui/dialog.js

@@ -8,6 +8,12 @@ import { Button } from "./button.js";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { dialogSurfaceClassName } from "../../lib/dialog-surface.js";
 import { cn } from "../../lib/index.js";
+const DEFAULT_DIALOG_STRINGS = {
+    close: 'Close',
+    closeTakeover: 'Close modal',
+    expand: 'Expand modal',
+    collapse: 'Collapse modal'
+};
 function Dialog({ ...props }) {
     return /*#__PURE__*/ jsx(Root, {
         "data-slot": "dialog",
@@ -74,11 +80,15 @@ const dialog_DialogOverlay = /*#__PURE__*/ forwardRef(function({ className, ...p
         ...props
     });
 });
-const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, container, variant = 'default', headerTitle, headerActions, sidebar, sidebarClassName, expanded: controlledExpanded, defaultExpanded = false, onExpandedChange, closeOnBackdropClick = true, overlayProps, overlayTestId, 'data-expanded': dataExpanded, 'aria-labelledby': ariaLabelledBy, onPointerDownOutside, ...props }, ref) {
+const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, container, variant = 'default', headerTitle, headerActions, sidebar, sidebarClassName, expanded: controlledExpanded, defaultExpanded = false, onExpandedChange, closeOnBackdropClick = true, overlayProps, overlayTestId, 'data-expanded': dataExpanded, strings, 'aria-labelledby': ariaLabelledBy, onPointerDownOutside, ...props }, ref) {
     const resolvedContainer = useResolvedPortalContainer(container);
     const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultExpanded);
     const expanded = controlledExpanded ?? uncontrolledExpanded;
     const isTakeover = 'takeover' === variant;
+    const text = {
+        ...DEFAULT_DIALOG_STRINGS,
+        ...strings
+    };
     const setExpanded = (nextExpanded)=>{
         if (void 0 === controlledExpanded) setUncontrolledExpanded(nextExpanded);
         onExpandedChange?.(nextExpanded);
@@ -126,8 +136,8 @@ const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, chil
                                         variant: "ghost",
                                         size: "xs",
                                         icon: true,
-                                        "aria-label": expanded ? 'Collapse modal' : 'Expand modal',
-                                        title: expanded ? 'Collapse modal' : 'Expand modal',
+                                        "aria-label": expanded ? text.collapse : text.expand,
+                                        title: expanded ? text.collapse : text.expand,
                                         onClick: ()=>setExpanded(!expanded),
                                         children: expanded ? /*#__PURE__*/ jsx(Minimize2, {
                                             size: 16
@@ -141,7 +151,7 @@ const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, chil
                                             variant: "ghost",
                                             size: "xs",
                                             icon: true,
-                                            "aria-label": "Close modal",
+                                            "aria-label": text.closeTakeover,
                                             children: /*#__PURE__*/ jsx(XIcon, {
                                                 size: 16
                                             })
@@ -175,7 +185,7 @@ const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, chil
                             /*#__PURE__*/ jsx(XIcon, {}),
                             /*#__PURE__*/ jsx("span", {
                                 className: "sr-only",
-                                children: "Close"
+                                children: text.close
                             })
                         ]
                     })
@@ -229,4 +239,4 @@ const ModalOverlay = dialog_DialogOverlay;
 const ModalPortal = DialogPortal;
 const ModalTitle = dialog_DialogTitle;
 const ModalTrigger = dialog_DialogTrigger;
-export { Dialog, dialog_DialogClose as DialogClose, dialog_DialogContent as DialogContent, dialog_DialogDescription as DialogDescription, DialogFooter, DialogHeader, dialog_DialogOverlay as DialogOverlay, DialogPortal, dialog_DialogTitle as DialogTitle, dialog_DialogTrigger as DialogTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger };
+export { DEFAULT_DIALOG_STRINGS, Dialog, dialog_DialogClose as DialogClose, dialog_DialogContent as DialogContent, dialog_DialogDescription as DialogDescription, DialogFooter, DialogHeader, dialog_DialogOverlay as DialogOverlay, DialogPortal, dialog_DialogTitle as DialogTitle, dialog_DialogTrigger as DialogTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger };

package/dist/components/ui/disclosure-tree.cjs

@@ -0,0 +1,269 @@
+"use strict";
+"use client";
+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__, {
+    DisclosureTree: ()=>DisclosureTree
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_tooltip_cjs_namespaceObject = require("./tooltip.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const disclosure_row_cjs_namespaceObject = require("../../lib/disclosure-row.cjs");
+const TreeContext = /*#__PURE__*/ external_react_namespaceObject.createContext(null);
+const isExpandable = (item)=>'function' == typeof item.children ? !!item.expandable : !!item.children?.length;
+const DisclosureTree = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ items, expanded, onExpandedChange, className, onKeyDown, ...props }, ref)=>{
+    const [overrides, setOverrides] = external_react_namespaceObject.useState(new Map());
+    const [activeId, setActiveId] = external_react_namespaceObject.useState();
+    const rows = external_react_namespaceObject.useRef(new Map());
+    const built = external_react_namespaceObject.useRef(new WeakMap());
+    const childrenOf = external_react_namespaceObject.useCallback((item)=>{
+        if ('function' != typeof item.children) return item.children ?? [];
+        let children = built.current.get(item);
+        if (!children) {
+            children = item.children();
+            built.current.set(item, children);
+        }
+        return children;
+    }, []);
+    const isExpanded = external_react_namespaceObject.useCallback((item)=>isExpandable(item) && (expanded ? expanded.includes(item.id) : overrides.get(item.id) ?? item.defaultExpanded ?? false), [
+        expanded,
+        overrides
+    ]);
+    const setExpanded = external_react_namespaceObject.useCallback((item, next)=>{
+        if (!isExpandable(item) || isExpanded(item) === next) return;
+        if (!expanded) setOverrides((previous)=>new Map(previous).set(item.id, next));
+        onExpandedChange?.(item.id, next);
+    }, [
+        expanded,
+        isExpanded,
+        onExpandedChange
+    ]);
+    const visible = external_react_namespaceObject.useMemo(()=>{
+        const list = [];
+        const walk = (level, parentId)=>{
+            for (const item of level){
+                const expandable = isExpandable(item);
+                list.push({
+                    item,
+                    parentId,
+                    expandable
+                });
+                if (expandable && isExpanded(item)) walk(childrenOf(item), item.id);
+            }
+        };
+        walk(items, void 0);
+        return list;
+    }, [
+        items,
+        isExpanded,
+        childrenOf
+    ]);
+    const tabbableId = visible.some((row)=>row.item.id === activeId) ? activeId : visible[0]?.item.id;
+    const focusRow = (id)=>{
+        if (void 0 === id) return;
+        setActiveId(id);
+        rows.current.get(id)?.focus();
+    };
+    const handleKeyDown = (event)=>{
+        onKeyDown?.(event);
+        if (event.defaultPrevented) return;
+        const id = event.target.dataset.treeItemId;
+        const index = visible.findIndex((row)=>row.item.id === id);
+        if (index < 0) return;
+        const row = visible[index];
+        const open = row.expandable && isExpanded(row.item);
+        switch(event.key){
+            case 'ArrowDown':
+                focusRow(visible[index + 1]?.item.id);
+                break;
+            case 'ArrowUp':
+                focusRow(visible[index - 1]?.item.id);
+                break;
+            case 'Home':
+                focusRow(visible[0]?.item.id);
+                break;
+            case 'End':
+                focusRow(visible[visible.length - 1]?.item.id);
+                break;
+            case 'ArrowRight':
+                if (!row.expandable) return;
+                if (open) {
+                    if (visible[index + 1]?.parentId === row.item.id) focusRow(visible[index + 1].item.id);
+                } else setExpanded(row.item, true);
+                break;
+            case 'ArrowLeft':
+                if (open) setExpanded(row.item, false);
+                else focusRow(row.parentId);
+                break;
+            case 'Enter':
+            case ' ':
+                if (!row.expandable) return;
+                setExpanded(row.item, !open);
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+    };
+    const context = external_react_namespaceObject.useMemo(()=>({
+            isExpanded,
+            toggle: (item)=>setExpanded(item, !isExpanded(item)),
+            childrenOf,
+            tabbableId,
+            setActiveId,
+            registerRow: (id, node)=>{
+                if (node) rows.current.set(id, node);
+                else rows.current.delete(id);
+            }
+        }), [
+        isExpanded,
+        setExpanded,
+        childrenOf,
+        tabbableId
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TreeContext.Provider, {
+        value: context,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
+            delayDuration: 300,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ref: ref,
+                role: "tree",
+                "data-slot": "disclosure-tree",
+                className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 flex-col', className),
+                onKeyDown: handleKeyDown,
+                ...props,
+                children: items.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DisclosureTreeRow, {
+                        item: item,
+                        level: 1,
+                        position: index + 1,
+                        setSize: items.length
+                    }, item.id))
+            })
+        })
+    });
+});
+DisclosureTree.displayName = 'DisclosureTree';
+function DisclosureTreeRow({ item, level, position, setSize }) {
+    const tree = external_react_namespaceObject.useContext(TreeContext);
+    if (!tree) throw new Error('DisclosureTreeRow must be used within DisclosureTree');
+    const id = external_react_namespaceObject.useId();
+    const [tooltipOpen, setTooltipOpen] = external_react_namespaceObject.useState(false);
+    const expandable = isExpandable(item);
+    const open = tree.isExpanded(item);
+    const children = open ? tree.childrenOf(item) : [];
+    const labelId = `${id}-label`;
+    const descriptionId = `${id}-description`;
+    const row = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "disclosure-tree-row",
+        onClick: expandable ? ()=>tree.toggle(item) : void 0,
+        className: (0, index_cjs_namespaceObject.cn)(disclosure_row_cjs_namespaceObject.disclosureRowClassName, expandable && 'cursor-pointer hover:text-foreground'),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                "aria-hidden": "true",
+                className: (0, index_cjs_namespaceObject.cn)('size-4 shrink-0 transition-transform motion-reduce:transition-none', open && 'rotate-90', !expandable && 'invisible')
+            }),
+            null != item.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-slot": "disclosure-tree-icon",
+                className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-4",
+                children: item.icon
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                id: labelId,
+                "data-slot": "disclosure-tree-label",
+                className: "min-w-0 truncate",
+                children: item.label
+            }),
+            null != item.trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-slot": "disclosure-tree-trailing",
+                className: "ml-auto shrink-0 pl-2 text-muted-foreground",
+                children: item.trailing
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: (node)=>tree.registerRow(item.id, node),
+        role: "treeitem",
+        "data-slot": "disclosure-tree-item",
+        "data-tree-item-id": item.id,
+        "aria-level": level,
+        "aria-posinset": position,
+        "aria-setsize": setSize,
+        "aria-expanded": expandable ? open : void 0,
+        "aria-labelledby": labelId,
+        "aria-describedby": item.description ? descriptionId : void 0,
+        tabIndex: tree.tabbableId === item.id ? 0 : -1,
+        onFocus: (event)=>{
+            if (event.target !== event.currentTarget) return;
+            tree.setActiveId(item.id);
+            if (item.description) setTooltipOpen(true);
+        },
+        onBlur: (event)=>{
+            if (event.target === event.currentTarget) setTooltipOpen(false);
+        },
+        className: "min-w-0 outline-hidden [&:focus-visible>[data-slot=disclosure-tree-row]]:ring-2 [&:focus-visible>[data-slot=disclosure-tree-row]]:ring-ring",
+        children: [
+            item.description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+                open: tooltipOpen,
+                onOpenChange: setTooltipOpen,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                        asChild: true,
+                        children: row
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipPortal, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                            align: "start",
+                            children: item.description
+                        })
+                    })
+                ]
+            }) : row,
+            item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                id: descriptionId,
+                hidden: true,
+                children: item.description
+            }),
+            children.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                role: "group",
+                className: "ml-7 flex min-w-0 flex-col",
+                children: children.map((child, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DisclosureTreeRow, {
+                        item: child,
+                        level: level + 1,
+                        position: index + 1,
+                        setSize: children.length
+                    }, child.id))
+            })
+        ]
+    });
+}
+exports.DisclosureTree = __webpack_exports__.DisclosureTree;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DisclosureTree"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/disclosure-tree.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+/**
+ * A read-only ARIA tree of rows that disclose their children, for agent traces and nested results
+ * in a chat. Unlike `TreeView`, a file manager with search, selection and menus, it has no toolbar
+ * and no built-in copy: just rows with a leading icon, a label, trailing info and an optional
+ * tooltip, styled like `ToolCall` sections. One row is in the tab order; arrow keys, Home and End
+ * move between rows, Right and Left open, close or move in and out, and Enter or Space toggle.
+ *
+ * Compact density (Wind's own; Material's tree does not change): inside an ancestor with
+ * `data-density="compact"` rows lose 2px of vertical padding (24px to 20px with a 16px line).
+ */
+export interface DisclosureTreeItem {
+    /** Unique across the whole tree. */
+    id: string;
+    label: React.ReactNode;
+    /** Leading icon, sized to 16px. */
+    icon?: React.ReactNode;
+    /** Right-aligned secondary info, such as a duration or count. */
+    trailing?: React.ReactNode;
+    /** Shown in a tooltip on hover or focus of the row, and read as its accessible description. */
+    description?: React.ReactNode;
+    /** Open on first render. Ignored when `expanded` is controlled. */
+    defaultExpanded?: boolean;
+    /**
+     * The children, or a function that builds them the first time the row opens, so a large trace
+     * costs nothing until someone looks. A function needs `expandable`. It runs once per item
+     * object, so memoize `items`: new item objects build their children again.
+     */
+    children?: readonly DisclosureTreeItem[] | (() => readonly DisclosureTreeItem[]);
+    /** Whether the row has children; required when `children` is a function. */
+    expandable?: boolean;
+}
+export interface DisclosureTreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: readonly DisclosureTreeItem[];
+    /**
+     * Ids of the open rows, to hold open state outside the tree (it then survives unmounting).
+     * Choose controlled or uncontrolled for the tree's lifetime; switching between them is not
+     * supported.
+     */
+    expanded?: readonly string[];
+    /** Called when a row opens or closes, controlled or not. */
+    onExpandedChange?: (id: string, expanded: boolean) => void;
+}
+declare const DisclosureTree: React.ForwardRefExoticComponent<DisclosureTreeProps & React.RefAttributes<HTMLDivElement>>;
+export { DisclosureTree };