@uipath/apollo-wind 2.67.0 → 2.68.0

package/dist/components/ui/json-tree-view/buildJsonTree.d.ts

@@ -1,4 +1,10 @@
 import type { JsonContainer, JsonObject, JsonSchema, JsonTreeNode, JsonTreeNodeType, JsonValue, PathSegment } from './JsonTree.types';
+/**
+ * Whether `path` is collapsed. Own keys only: paths are arbitrary JSON keys, and
+ * one named after an Object.prototype member (`constructor`, `toString`, …)
+ * would otherwise read the inherited function and stay collapsed.
+ */
+export declare function isPathCollapsed(collapsed: Record<string, boolean>, path: string): boolean;
 export declare function isJsonObject(value: JsonValue | undefined): value is JsonObject;
 /** Appends a segment to an expression path (`a.b`, `a["x-y"]`, `a[0]`). */
 export declare function appendPathSegment(path: string, segment: PathSegment): string;
@@ -48,13 +54,20 @@ export interface FlattenOptions {
     /** Lets search also match consumer display labels (e.g. decoration labels). */
     displayTexts?: NodeDisplayTexts;
 }
-/** Flattens the tree to visible rows, honoring collapse state, search, and filter. */
+/**
+ * Flattens the tree to visible rows, honoring collapse state, search, and filter.
+ * Walks depth-first with an explicit stack rather than recursion, so a deeply
+ * nested tree can't overflow the call stack.
+ */
 export declare function flattenJsonTree(nodes: JsonTreeNode[], options?: FlattenOptions, depth?: number): FlatJsonTreeRow[];
 export interface ContainerPath {
     path: string;
     depth: number;
 }
-/** All container (object/array) paths in the tree, with their depth. */
+/**
+ * All container (object/array) paths in the tree, with their depth, in tree
+ * order. Walks with an explicit stack, so deep trees can't overflow the call stack.
+ */
 export declare function collectContainerPaths(nodes: JsonTreeNode[], depth?: number): ContainerPath[];
 export declare function getValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
 /**

package/dist/components/ui/json-tree-view/buildJsonTree.js

@@ -2,6 +2,9 @@ const IDENTIFIER_RE = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 function hasOwn(object, key) {
     return Object.prototype.hasOwnProperty.call(object, key);
 }
+function isPathCollapsed(collapsed, path) {
+    return hasOwn(collapsed, path) && !!collapsed[path];
+}
 function isJsonObject(value) {
     return 'object' == typeof value && null !== value && !Array.isArray(value);
 }
@@ -40,7 +43,29 @@ function schemaDisplayType(schema) {
     if (void 0 !== enumSample) return inferValueType(enumSample);
     return 'null';
 }
-function buildNode(input) {
+function buildNodes(inputs) {
+    const roots = [];
+    const stack = [];
+    for(let index = inputs.length - 1; index >= 0; index -= 1)stack.push({
+        input: inputs[index],
+        siblings: roots
+    });
+    while(stack.length > 0){
+        const { input, siblings } = stack.pop();
+        const node = createNode(input);
+        siblings.push(node);
+        const childInputs = 'object' === node.type ? objectChildInputs(input.hasValue ? input.value : void 0, input.schema, input.segments, input.path, input.isTemplate) : 'array' === node.type ? arrayChildInputs(input.schema, input.value, input.hasValue, input.segments, input.path, input.isTemplate) : void 0;
+        if (!childInputs) continue;
+        const children = [];
+        node.children = children;
+        for(let index = childInputs.length - 1; index >= 0; index -= 1)stack.push({
+            input: childInputs[index],
+            siblings: children
+        });
+    }
+    return roots;
+}
+function createNode(input) {
     const type = input.hasValue ? inferValueType(input.value) : schemaDisplayType(input.schema);
     const node = {
         key: input.key,
@@ -52,13 +77,11 @@ function buildNode(input) {
     };
     if (input.hasValue) node.value = input.value;
     if (input.isTemplate) node.isArrayItemTemplate = true;
-    if ('object' === type) node.children = buildObjectChildren(input.hasValue ? input.value : void 0, input.schema, input.segments, input.path, input.isTemplate);
-    else if ('array' === type) node.children = buildArrayChildren(input.schema, input.value, input.hasValue, input.segments, input.path, input.isTemplate);
     return node;
 }
-function buildArrayChildren(schema, value, hasValue, segments, path, isTemplate) {
+function arrayChildInputs(schema, value, hasValue, segments, path, isTemplate) {
     const items = hasValue && Array.isArray(value) ? value : [];
-    if (items.length > 0) return items.map((item, index)=>buildNode({
+    if (items.length > 0) return items.map((item, index)=>({
             key: String(index),
             segments: [
                 ...segments,
@@ -71,7 +94,7 @@ function buildArrayChildren(schema, value, hasValue, segments, path, isTemplate)
             isTemplate
         }));
     if (schema?.items) return [
-        buildNode({
+        {
             key: '0',
             segments: [
                 ...segments,
@@ -81,18 +104,18 @@ function buildArrayChildren(schema, value, hasValue, segments, path, isTemplate)
             schema: schema.items,
             hasValue: false,
             isTemplate: true
-        })
+        }
     ];
     return [];
 }
-function buildObjectChildren(value, schema, segments, path, isTemplate) {
+function objectChildInputs(value, schema, segments, path, isTemplate) {
     const properties = schema?.properties ?? {};
     const required = new Set(schema?.required ?? []);
     const additional = 'object' == typeof schema?.additionalProperties ? schema.additionalProperties : void 0;
     const children = [];
     for (const [key, childSchema] of Object.entries(properties)){
         const hasValue = void 0 !== value && hasOwn(value, key);
-        children.push(buildNode({
+        children.push({
             key,
             segments: [
                 ...segments,
@@ -104,10 +127,10 @@ function buildObjectChildren(value, schema, segments, path, isTemplate) {
             hasValue,
             required: required.has(key),
             isTemplate
-        }));
+        });
     }
     if (void 0 !== value) {
-        for (const [key, childValue] of Object.entries(value))if (!hasOwn(properties, key)) children.push(buildNode({
+        for (const [key, childValue] of Object.entries(value))if (!hasOwn(properties, key)) children.push({
             key,
             segments: [
                 ...segments,
@@ -117,15 +140,15 @@ function buildObjectChildren(value, schema, segments, path, isTemplate) {
             schema: additional,
             value: childValue,
             hasValue: true
-        }));
+        });
     }
     return children;
 }
 function buildJsonTree(options) {
     const { schema, value, basePath = '' } = options;
     const rootIsArray = void 0 !== value ? Array.isArray(value) : !!schema && 'array' === schemaDisplayType(schema);
-    if (rootIsArray) return buildArrayChildren(schema, value, void 0 !== value, [], basePath);
-    return buildObjectChildren(isJsonObject(value) ? value : void 0, schema, [], basePath);
+    if (rootIsArray) return buildNodes(arrayChildInputs(schema, value, void 0 !== value, [], basePath));
+    return buildNodes(objectChildInputs(isJsonObject(value) ? value : void 0, schema, [], basePath));
 }
 function isArrayItemTemplateRoot(node) {
     return !!node.isArrayItemTemplate && 'number' == typeof node.segments[node.segments.length - 1];
@@ -137,47 +160,76 @@ function nodeSelfMatchesQuery(node, query, displayTexts) {
     if (display?.sublabel?.toLowerCase().includes(query)) return true;
     return void 0 !== node.value && null !== node.value && 'object' != typeof node.value && String(node.value).toLowerCase().includes(query);
 }
-function nodeMatchesQuery(node, query, displayTexts) {
-    if (nodeSelfMatchesQuery(node, query, displayTexts)) return true;
-    return node.children?.some((c)=>nodeMatchesQuery(c, query, displayTexts)) ?? false;
-}
-function nodeOrDescendantMatches(node, predicate) {
-    if (predicate(node)) return true;
-    return node.children?.some((c)=>nodeOrDescendantMatches(c, predicate)) ?? false;
+function indexMatches(nodes, test) {
+    const self = new Set();
+    const below = new Set();
+    const order = [];
+    const stack = [
+        ...nodes
+    ];
+    while(stack.length > 0){
+        const node = stack.pop();
+        order.push(node);
+        if (node.children) for (const child of node.children)stack.push(child);
+    }
+    for(let index = order.length - 1; index >= 0; index -= 1){
+        const node = order[index];
+        if (test(node)) self.add(node);
+        if (node.children?.some((child)=>self.has(child) || below.has(child))) below.add(node);
+    }
+    return {
+        self,
+        below
+    };
 }
 function flattenJsonTree(nodes, options = {}, depth = 0) {
-    const { collapsed = {}, filterPredicate } = options;
-    const query = options.query?.trim().toLowerCase() ?? '';
+    const { collapsed = {}, displayTexts } = options;
     const rows = [];
-    for (const node of nodes){
-        const selfQueryMatch = !!query && nodeSelfMatchesQuery(node, query, options.displayTexts);
-        if (query && !selfQueryMatch && !(node.children?.some((c)=>nodeMatchesQuery(c, query, options.displayTexts)) ?? false)) continue;
-        const selfPredicateMatch = !!filterPredicate && filterPredicate(node);
-        if (!filterPredicate || selfPredicateMatch || (node.children?.some((c)=>nodeOrDescendantMatches(c, filterPredicate)) ?? false)) {
-            rows.push({
-                node,
-                depth
-            });
-            if (node.children && !collapsed[node.path]) {
-                const childOptions = selfQueryMatch || selfPredicateMatch ? {
-                    ...options,
-                    query: selfQueryMatch ? '' : options.query,
-                    filterPredicate: selfPredicateMatch ? void 0 : filterPredicate
-                } : options;
-                for (const row of flattenJsonTree(node.children, childOptions, depth + 1))rows.push(row);
-            }
-        }
+    const stack = [];
+    const pushChildren = (children, childDepth, query, filterPredicate)=>{
+        for(let index = children.length - 1; index >= 0; index -= 1)stack.push({
+            node: children[index],
+            depth: childDepth,
+            query,
+            filterPredicate
+        });
+    };
+    const rootQuery = options.query?.trim().toLowerCase() ?? '';
+    pushChildren(nodes, depth, rootQuery, options.filterPredicate);
+    const queryMatches = rootQuery ? indexMatches(nodes, (node)=>nodeSelfMatchesQuery(node, rootQuery, displayTexts)) : void 0;
+    const predicateMatches = options.filterPredicate ? indexMatches(nodes, options.filterPredicate) : void 0;
+    while(stack.length > 0){
+        const { node, depth: nodeDepth, query, filterPredicate } = stack.pop();
+        const selfQueryMatch = !!query && !!queryMatches?.self.has(node);
+        if (query && !selfQueryMatch && !queryMatches?.below.has(node)) continue;
+        const selfPredicateMatch = !!filterPredicate && !!predicateMatches?.self.has(node);
+        if (filterPredicate && !selfPredicateMatch && !predicateMatches?.below.has(node)) continue;
+        rows.push({
+            node,
+            depth: nodeDepth
+        });
+        if (node.children && !isPathCollapsed(collapsed, node.path)) pushChildren(node.children, nodeDepth + 1, selfQueryMatch ? '' : query, selfPredicateMatch ? void 0 : filterPredicate);
     }
     return rows;
 }
 function collectContainerPaths(nodes, depth = 0) {
     const paths = [];
-    for (const node of nodes)if (node.children) {
+    const stack = [];
+    for(let index = nodes.length - 1; index >= 0; index -= 1)stack.push({
+        node: nodes[index],
+        depth
+    });
+    while(stack.length > 0){
+        const { node, depth: nodeDepth } = stack.pop();
+        if (!node.children) continue;
         paths.push({
             path: node.path,
-            depth
+            depth: nodeDepth
+        });
+        for(let index = node.children.length - 1; index >= 0; index -= 1)stack.push({
+            node: node.children[index],
+            depth: nodeDepth + 1
         });
-        for (const child of collectContainerPaths(node.children, depth + 1))paths.push(child);
     }
     return paths;
 }
@@ -254,4 +306,4 @@ function formatLeafValue(type, value, options) {
     if ('string' === type) return options?.preserveStringWhitespace ? `"${value}"` : JSON.stringify(value);
     return String(value);
 }
-export { appendPathSegment, buildJsonTree, collectContainerPaths, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath };
+export { appendPathSegment, buildJsonTree, collectContainerPaths, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, isPathCollapsed, removeValueAtPath, schemaDisplayType, setValueAtPath };

package/dist/components/ui/panel-tabs.cjs

@@ -0,0 +1,99 @@
+"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__, {
+    PanelTabsList: ()=>PanelTabsList,
+    PanelTabsStrip: ()=>PanelTabsStrip,
+    PanelTabs: ()=>PanelTabs,
+    PanelTabsTrigger: ()=>PanelTabsTrigger,
+    PanelTabsContent: ()=>PanelTabsContent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_tabs_cjs_namespaceObject = require("./tabs.cjs");
+const PanelTabs = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.Tabs, {
+        ref: ref,
+        "data-slot": "panel-tabs",
+        className: (0, index_cjs_namespaceObject.cn)('flex min-h-0 flex-1 flex-col gap-1', className),
+        ...props
+    }));
+PanelTabs.displayName = 'PanelTabs';
+const PanelTabsStrip = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, containerClassName, scrollButtonClassName, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.ScrollableTabsList, {
+        ref: ref,
+        "data-slot": "panel-tabs-strip",
+        containerClassName: (0, index_cjs_namespaceObject.cn)('w-auto', containerClassName),
+        className: (0, index_cjs_namespaceObject.cn)('h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground', className),
+        scrollButtonClassName: (0, index_cjs_namespaceObject.cn)('size-6 hover:bg-surface-overlay', scrollButtonClassName),
+        ...props
+    }));
+PanelTabsStrip.displayName = 'PanelTabsStrip';
+const PanelTabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ trailing, rowClassName, className, containerClassName, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "panel-tabs-list",
+        className: (0, index_cjs_namespaceObject.cn)('flex shrink-0 items-center gap-2 pt-3 pb-0.5 [padding-inline:var(--mf-content-inset,0px)]', rowClassName),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PanelTabsStrip, {
+                ref: ref,
+                className: className,
+                containerClassName: (0, index_cjs_namespaceObject.cn)('flex-1', containerClassName),
+                ...props
+            }),
+            trailing
+        ]
+    }));
+PanelTabsList.displayName = 'PanelTabsList';
+const PanelTabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.TabsTrigger, {
+        ref: ref,
+        "data-slot": "panel-tabs-trigger",
+        className: (0, index_cjs_namespaceObject.cn)('inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        ...props
+    }));
+PanelTabsTrigger.displayName = 'PanelTabsTrigger';
+const PanelTabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ padded = true, innerClassName, className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tabs_cjs_namespaceObject.TabsContent, {
+        ref: ref,
+        "data-slot": "panel-tabs-content",
+        className: (0, index_cjs_namespaceObject.cn)('mt-0 min-h-0 flex-1 overflow-auto', className),
+        ...props,
+        children: padded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, index_cjs_namespaceObject.cn)('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),
+            children: children
+        }) : children
+    }));
+PanelTabsContent.displayName = 'PanelTabsContent';
+exports.PanelTabs = __webpack_exports__.PanelTabs;
+exports.PanelTabsContent = __webpack_exports__.PanelTabsContent;
+exports.PanelTabsList = __webpack_exports__.PanelTabsList;
+exports.PanelTabsStrip = __webpack_exports__.PanelTabsStrip;
+exports.PanelTabsTrigger = __webpack_exports__.PanelTabsTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PanelTabs",
+    "PanelTabsContent",
+    "PanelTabsList",
+    "PanelTabsStrip",
+    "PanelTabsTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/panel-tabs.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { type ScrollableTabsListProps, TabsContent } from './tabs';
+/** Root: a column whose content area fills the remaining height. */
+declare const PanelTabs: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The tab strip alone, for a row that also holds other controls (e.g. a tree
+ * toolbar). In a narrow panel it reveals prev/next chevrons and keeps the active
+ * tab in view; in a wide one it reads as a plain strip.
+ */
+declare const PanelTabsStrip: React.ForwardRefExoticComponent<ScrollableTabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface PanelTabsListProps extends ScrollableTabsListProps {
+    /** Content after the tabs, at the end of the row (e.g. a notes toggle). */
+    trailing?: React.ReactNode;
+    /** Classes for the row around the strip. */
+    rowClassName?: string;
+}
+/** The pinned tab row: the strip, inset like the content, 12px below what sits above it. */
+declare const PanelTabsList: React.ForwardRefExoticComponent<PanelTabsListProps & React.RefAttributes<HTMLDivElement>>;
+/** A segmented pill tab. */
+declare const PanelTabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface PanelTabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsContent> {
+    /**
+     * Wraps the children in the standard padding: the content inset, pt-1.5 (12px
+     * below the tabs), and pb-6. Default true. Turn it off for content that pads
+     * itself (its first block must then start with the same 6px).
+     */
+    padded?: boolean;
+    /** Classes for the padded wrapper (e.g. its own vertical rhythm). */
+    innerClassName?: string;
+}
+/** The active tab's content. It is the scroll container, so the tab row stays pinned. */
+declare const PanelTabsContent: React.ForwardRefExoticComponent<PanelTabsContentProps & React.RefAttributes<HTMLDivElement>>;
+export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };
+export type { PanelTabsContentProps, PanelTabsListProps };

package/dist/components/ui/panel-tabs.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+import { ScrollableTabsList, Tabs, TabsContent, TabsTrigger } from "./tabs.js";
+const PanelTabs = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Tabs, {
+        ref: ref,
+        "data-slot": "panel-tabs",
+        className: cn('flex min-h-0 flex-1 flex-col gap-1', className),
+        ...props
+    }));
+PanelTabs.displayName = 'PanelTabs';
+const PanelTabsStrip = /*#__PURE__*/ forwardRef(({ className, containerClassName, scrollButtonClassName, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollableTabsList, {
+        ref: ref,
+        "data-slot": "panel-tabs-strip",
+        containerClassName: cn('w-auto', containerClassName),
+        className: cn('h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground', className),
+        scrollButtonClassName: cn('size-6 hover:bg-surface-overlay', scrollButtonClassName),
+        ...props
+    }));
+PanelTabsStrip.displayName = 'PanelTabsStrip';
+const PanelTabsList = /*#__PURE__*/ forwardRef(({ trailing, rowClassName, className, containerClassName, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+        "data-slot": "panel-tabs-list",
+        className: cn('flex shrink-0 items-center gap-2 pt-3 pb-0.5 [padding-inline:var(--mf-content-inset,0px)]', rowClassName),
+        children: [
+            /*#__PURE__*/ jsx(PanelTabsStrip, {
+                ref: ref,
+                className: className,
+                containerClassName: cn('flex-1', containerClassName),
+                ...props
+            }),
+            trailing
+        ]
+    }));
+PanelTabsList.displayName = 'PanelTabsList';
+const PanelTabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(TabsTrigger, {
+        ref: ref,
+        "data-slot": "panel-tabs-trigger",
+        className: cn('inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        ...props
+    }));
+PanelTabsTrigger.displayName = 'PanelTabsTrigger';
+const PanelTabsContent = /*#__PURE__*/ forwardRef(({ padded = true, innerClassName, className, children, ...props }, ref)=>/*#__PURE__*/ jsx(TabsContent, {
+        ref: ref,
+        "data-slot": "panel-tabs-content",
+        className: cn('mt-0 min-h-0 flex-1 overflow-auto', className),
+        ...props,
+        children: padded ? /*#__PURE__*/ jsx("div", {
+            className: cn('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),
+            children: children
+        }) : children
+    }));
+PanelTabsContent.displayName = 'PanelTabsContent';
+export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };

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

@@ -50,6 +50,7 @@ const buildItemMap = (items)=>{
     items.forEach(processItem);
     return map;
 };
+const toAriaChecked = (state)=>'indeterminate' === state ? 'mixed' : 'checked' === state;
 const getCheckState = (item, itemMap)=>{
     const originalItem = itemMap.get(item.id);
     if (!originalItem) return 'unchecked';
@@ -155,12 +156,17 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
     };
     const handleAccessClick = (e)=>{
         e.stopPropagation();
+        if (isDisabled) return;
         if (onAccessChange) {
             const currentState = getCheckState(item, itemMap);
             const newChecked = 'checked' !== currentState;
             onAccessChange(item, newChecked);
         }
     };
+    const renderName = ()=>showAccessRights ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            onClick: handleAccessClick,
+            children: item.name
+        }) : item.name;
     const renderIcon = ()=>{
         if (getIcon) return getIcon(item, depth);
         return iconMap[item.type] || iconMap.folder || defaultIconMap.folder;
@@ -195,6 +201,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_context_menu_cjs_namespaceObject.ContextMenu, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_context_menu_cjs_namespaceObject.ContextMenuTrigger, {
+                disabled: !menuItems?.length,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -203,6 +210,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                             "aria-expanded": item.children ? isOpen : void 0,
                             "aria-selected": isSelected && 'none' !== selectionMode,
                             "aria-disabled": isDisabled,
+                            "aria-checked": showAccessRights ? toAriaChecked(getCheckState(item, itemMap)) : void 0,
                             tabIndex: 0,
                             "data-tree-item": true,
                             "data-id": item.id,
@@ -215,10 +223,16 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                             },
                             onClick: handleClick,
                             onKeyDown: (e)=>{
-                                if ('Enter' === e.key || ' ' === e.key) {
-                                    e.preventDefault();
-                                    handleClick(e);
+                                if (e.target !== e.currentTarget) return;
+                                if ('Enter' !== e.key && ' ' !== e.key) return;
+                                e.preventDefault();
+                                if ('none' === selectionMode) {
+                                    e.stopPropagation();
+                                    if (' ' === e.key && showAccessRights) handleAccessClick(e);
+                                    else if (item.children && !isDisabled) onToggleExpand(item.id, !isOpen);
+                                    return;
                                 }
+                                handleClick(e);
                             },
                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                 className: "flex items-center h-8 min-w-0",
@@ -286,7 +300,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         renderIcon(),
                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                             className: "flex-1 min-w-0 truncate",
-                                            children: item.name
+                                            children: renderName()
                                         }),
                                         item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                             className: "shrink-0 ml-1",
@@ -522,7 +536,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         renderIcon(),
                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                             className: "flex-1 min-w-0 truncate",
-                                            children: item.name
+                                            children: renderName()
                                         }),
                                         item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                             className: "shrink-0 ml-1",

package/dist/components/ui/tree-view.js

@@ -21,6 +21,7 @@ const buildItemMap = (items)=>{
     items.forEach(processItem);
     return map;
 };
+const toAriaChecked = (state)=>'indeterminate' === state ? 'mixed' : 'checked' === state;
 const getCheckState = (item, itemMap)=>{
     const originalItem = itemMap.get(item.id);
     if (!originalItem) return 'unchecked';
@@ -126,12 +127,17 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
     };
     const handleAccessClick = (e)=>{
         e.stopPropagation();
+        if (isDisabled) return;
         if (onAccessChange) {
             const currentState = getCheckState(item, itemMap);
             const newChecked = 'checked' !== currentState;
             onAccessChange(item, newChecked);
         }
     };
+    const renderName = ()=>showAccessRights ? /*#__PURE__*/ jsx("span", {
+            onClick: handleAccessClick,
+            children: item.name
+        }) : item.name;
     const renderIcon = ()=>{
         if (getIcon) return getIcon(item, depth);
         return iconMap[item.type] || iconMap.folder || defaultIconMap.folder;
@@ -166,6 +172,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
     return /*#__PURE__*/ jsxs(ContextMenu, {
         children: [
             /*#__PURE__*/ jsx(ContextMenuTrigger, {
+                disabled: !menuItems?.length,
                 children: /*#__PURE__*/ jsxs("div", {
                     children: [
                         /*#__PURE__*/ jsx("div", {
@@ -174,6 +181,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                             "aria-expanded": item.children ? isOpen : void 0,
                             "aria-selected": isSelected && 'none' !== selectionMode,
                             "aria-disabled": isDisabled,
+                            "aria-checked": showAccessRights ? toAriaChecked(getCheckState(item, itemMap)) : void 0,
                             tabIndex: 0,
                             "data-tree-item": true,
                             "data-id": item.id,
@@ -186,10 +194,16 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                             },
                             onClick: handleClick,
                             onKeyDown: (e)=>{
-                                if ('Enter' === e.key || ' ' === e.key) {
-                                    e.preventDefault();
-                                    handleClick(e);
+                                if (e.target !== e.currentTarget) return;
+                                if ('Enter' !== e.key && ' ' !== e.key) return;
+                                e.preventDefault();
+                                if ('none' === selectionMode) {
+                                    e.stopPropagation();
+                                    if (' ' === e.key && showAccessRights) handleAccessClick(e);
+                                    else if (item.children && !isDisabled) onToggleExpand(item.id, !isOpen);
+                                    return;
                                 }
+                                handleClick(e);
                             },
                             children: /*#__PURE__*/ jsx("div", {
                                 className: "flex items-center h-8 min-w-0",
@@ -257,7 +271,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         renderIcon(),
                                         /*#__PURE__*/ jsx("span", {
                                             className: "flex-1 min-w-0 truncate",
-                                            children: item.name
+                                            children: renderName()
                                         }),
                                         item.badge && /*#__PURE__*/ jsx("span", {
                                             className: "shrink-0 ml-1",
@@ -493,7 +507,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         renderIcon(),
                                         /*#__PURE__*/ jsx("span", {
                                             className: "flex-1 min-w-0 truncate",
-                                            children: item.name
+                                            children: renderName()
                                         }),
                                         item.badge && /*#__PURE__*/ jsx("span", {
                                             className: "shrink-0 ml-1",