@uipath/apollo-wind 2.36.1 → 2.37.0

package/dist/components/ui/table.cjs

@@ -37,9 +37,11 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Table = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "table-container",
         className: "relative w-full overflow-auto",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("table", {
             ref: ref,
+            "data-slot": "table",
             className: (0, index_cjs_namespaceObject.cn)('w-full caption-bottom text-sm', className),
             ...props
         })
@@ -47,42 +49,49 @@ const Table = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classNa
 Table.displayName = 'Table';
 const TableHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("thead", {
         ref: ref,
+        "data-slot": "table-header",
         className: (0, index_cjs_namespaceObject.cn)('[&_tr]:border-b', className),
         ...props
     }));
 TableHeader.displayName = 'TableHeader';
 const TableBody = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("tbody", {
         ref: ref,
+        "data-slot": "table-body",
         className: (0, index_cjs_namespaceObject.cn)('[&_tr:last-child]:border-0', className),
         ...props
     }));
 TableBody.displayName = 'TableBody';
 const TableFooter = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("tfoot", {
         ref: ref,
+        "data-slot": "table-footer",
         className: (0, index_cjs_namespaceObject.cn)('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className),
         ...props
     }));
 TableFooter.displayName = 'TableFooter';
 const TableRow = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("tr", {
         ref: ref,
+        "data-slot": "table-row",
         className: (0, index_cjs_namespaceObject.cn)('border-b transition-colors bg-background hover:bg-muted/50 data-[state=selected]:bg-muted', className),
         ...props
     }));
 TableRow.displayName = 'TableRow';
 const TableHead = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("th", {
         ref: ref,
+        "data-slot": "table-head",
         className: (0, index_cjs_namespaceObject.cn)('h-12 px-4 text-left align-middle font-medium text-muted-foreground overflow-hidden bg-background [&:has([role=checkbox])]:pr-0', className),
         ...props
     }));
 TableHead.displayName = 'TableHead';
 const TableCell = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("td", {
         ref: ref,
+        "data-slot": "table-cell",
         className: (0, index_cjs_namespaceObject.cn)('p-4 align-middle [&:has([role=checkbox])]:pr-0', className),
         ...props
     }));
 TableCell.displayName = 'TableCell';
 const TableCaption = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("caption", {
         ref: ref,
+        "data-slot": "table-caption",
         className: (0, index_cjs_namespaceObject.cn)('mt-4 text-sm text-muted-foreground', className),
         ...props
     }));

package/dist/components/ui/table.js

@@ -2,9 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        "data-slot": "table-container",
         className: "relative w-full overflow-auto",
         children: /*#__PURE__*/ jsx("table", {
             ref: ref,
+            "data-slot": "table",
             className: cn('w-full caption-bottom text-sm', className),
             ...props
         })
@@ -12,42 +14,49 @@ const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE
 Table.displayName = 'Table';
 const TableHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("thead", {
         ref: ref,
+        "data-slot": "table-header",
         className: cn('[&_tr]:border-b', className),
         ...props
     }));
 TableHeader.displayName = 'TableHeader';
 const TableBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tbody", {
         ref: ref,
+        "data-slot": "table-body",
         className: cn('[&_tr:last-child]:border-0', className),
         ...props
     }));
 TableBody.displayName = 'TableBody';
 const TableFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tfoot", {
         ref: ref,
+        "data-slot": "table-footer",
         className: cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className),
         ...props
     }));
 TableFooter.displayName = 'TableFooter';
 const TableRow = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tr", {
         ref: ref,
+        "data-slot": "table-row",
         className: cn('border-b transition-colors bg-background hover:bg-muted/50 data-[state=selected]:bg-muted', className),
         ...props
     }));
 TableRow.displayName = 'TableRow';
 const TableHead = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
         ref: ref,
+        "data-slot": "table-head",
         className: cn('h-12 px-4 text-left align-middle font-medium text-muted-foreground overflow-hidden bg-background [&:has([role=checkbox])]:pr-0', className),
         ...props
     }));
 TableHead.displayName = 'TableHead';
 const TableCell = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("td", {
         ref: ref,
+        "data-slot": "table-cell",
         className: cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className),
         ...props
     }));
 TableCell.displayName = 'TableCell';
 const TableCaption = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("caption", {
         ref: ref,
+        "data-slot": "table-caption",
         className: cn('mt-4 text-sm text-muted-foreground', className),
         ...props
     }));

package/dist/components/ui/tabs.cjs

@@ -35,9 +35,15 @@ const react_tabs_namespaceObject = require("@radix-ui/react-tabs");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Tabs = react_tabs_namespaceObject.Root;
+const Tabs = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Root, {
+        ref: ref,
+        "data-slot": "tabs",
+        ...props
+    }));
+Tabs.displayName = react_tabs_namespaceObject.Root.displayName;
 const TabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.List, {
         ref: ref,
+        "data-slot": "tabs-list",
         className: (0, index_cjs_namespaceObject.cn)('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className),
         ...props
     }));
@@ -130,6 +136,7 @@ const ScrollableTabsList = /*#__PURE__*/ external_react_namespaceObject.forwardR
     };
     const scrollButtonClass = (0, index_cjs_namespaceObject.cn)('grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30', scrollButtonClassName);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "scrollable-tabs-list",
         className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 items-center gap-1', containerClassName),
         children: [
             hasOverflow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
@@ -165,12 +172,14 @@ const ScrollableTabsList = /*#__PURE__*/ external_react_namespaceObject.forwardR
 ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
         ref: ref,
+        "data-slot": "tabs-trigger",
         className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
         ...props
     }));
 TabsTrigger.displayName = react_tabs_namespaceObject.Trigger.displayName;
 const TabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content, {
         ref: ref,
+        "data-slot": "tabs-content",
         className: (0, index_cjs_namespaceObject.cn)('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
         ...props
     }));

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

@@ -1,6 +1,6 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface ScrollableTabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
     containerClassName?: string;

package/dist/components/ui/tabs.js

@@ -3,9 +3,15 @@ import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { cn } from "../../lib/index.js";
-const Tabs = Root;
+const Tabs = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        "data-slot": "tabs",
+        ...props
+    }));
+Tabs.displayName = Root.displayName;
 const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
         ref: ref,
+        "data-slot": "tabs-list",
         className: cn('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className),
         ...props
     }));
@@ -98,6 +104,7 @@ const ScrollableTabsList = /*#__PURE__*/ forwardRef(({ className, containerClass
     };
     const scrollButtonClass = cn('grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30', scrollButtonClassName);
     return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "scrollable-tabs-list",
         className: cn('flex w-full min-w-0 items-center gap-1', containerClassName),
         children: [
             hasOverflow && /*#__PURE__*/ jsx("button", {
@@ -133,12 +140,14 @@ const ScrollableTabsList = /*#__PURE__*/ forwardRef(({ className, containerClass
 ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
         ref: ref,
+        "data-slot": "tabs-trigger",
         className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
         ...props
     }));
 TabsTrigger.displayName = Trigger.displayName;
 const TabsContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
         ref: ref,
+        "data-slot": "tabs-content",
         className: cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
         ...props
     }));

package/dist/components/ui/textarea.cjs

@@ -148,6 +148,7 @@ const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ clas
         resize
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+        "data-slot": "textarea",
         className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
         ref: setRef,
         style: style,

package/dist/components/ui/textarea.js

@@ -120,6 +120,7 @@ const Textarea = /*#__PURE__*/ forwardRef(({ className, minRows, maxRows, onChan
         resize
     ]);
     return /*#__PURE__*/ jsx("textarea", {
+        "data-slot": "textarea",
         className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
         ref: setRef,
         style: style,

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

@@ -39,6 +39,7 @@ const ToggleGroupContext = /*#__PURE__*/ external_react_namespaceObject.createCo
 });
 const ToggleGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, size, spacing = 0, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "toggle-group",
         "data-variant": variant ?? 'default',
         "data-size": size ?? 'default',
         "data-spacing": spacing,
@@ -61,6 +62,7 @@ const ToggleGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
     const context = external_react_namespaceObject.useContext(ToggleGroupContext);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Item, {
         ref: ref,
+        "data-slot": "toggle-group-item",
         "data-variant": context.variant ?? variant ?? 'default',
         "data-size": context.size ?? size ?? 'default',
         "data-spacing": context.spacing ?? 0,

package/dist/components/ui/toggle-group.js

@@ -10,6 +10,7 @@ const ToggleGroupContext = /*#__PURE__*/ createContext({
 });
 const ToggleGroup = /*#__PURE__*/ forwardRef(({ className, variant, size, spacing = 0, children, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
+        "data-slot": "toggle-group",
         "data-variant": variant ?? 'default',
         "data-size": size ?? 'default',
         "data-spacing": spacing,
@@ -32,6 +33,7 @@ const ToggleGroupItem = /*#__PURE__*/ forwardRef(({ className, children, variant
     const context = useContext(ToggleGroupContext);
     return /*#__PURE__*/ jsx(Item, {
         ref: ref,
+        "data-slot": "toggle-group-item",
         "data-variant": context.variant ?? variant ?? 'default',
         "data-size": context.size ?? size ?? 'default',
         "data-spacing": context.spacing ?? 0,

package/dist/components/ui/toggle.cjs

@@ -53,6 +53,7 @@ const toggleVariants = (0, external_class_variance_authority_namespaceObject.cva
 });
 const Toggle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, size, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "toggle",
         className: (0, index_cjs_namespaceObject.cn)(toggleVariants({
             variant,
             size,

package/dist/components/ui/toggle.js

@@ -24,6 +24,7 @@ const toggleVariants = cva('inline-flex items-center justify-center gap-2 rounde
 });
 const Toggle = /*#__PURE__*/ forwardRef(({ className, variant, size, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
+        "data-slot": "toggle",
         className: cn(toggleVariants({
             variant,
             size,

package/dist/components/ui/tooltip.cjs

@@ -34,12 +34,30 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const TooltipProvider = react_tooltip_namespaceObject.Provider;
-const Tooltip = react_tooltip_namespaceObject.Root;
-const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
-const TooltipPortal = react_tooltip_namespaceObject.Portal;
+const TooltipProvider = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Provider, {
+        "data-slot": "tooltip-provider",
+        ...props
+    });
+TooltipProvider.displayName = 'TooltipProvider';
+const Tooltip = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Root, {
+        "data-slot": "tooltip",
+        ...props
+    });
+Tooltip.displayName = 'Tooltip';
+const TooltipTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "tooltip-trigger",
+        ...props
+    }));
+TooltipTrigger.displayName = react_tooltip_namespaceObject.Trigger.displayName;
+const TooltipPortal = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
+        "data-slot": "tooltip-portal",
+        ...props
+    });
+TooltipPortal.displayName = 'TooltipPortal';
 const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Content, {
         ref: ref,
+        "data-slot": "tooltip-content",
         sideOffset: sideOffset,
         className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
         ...props

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

@@ -1,8 +1,17 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as React from 'react';
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
+declare const TooltipProvider: {
+    (props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Tooltip: {
+    (props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: {
+    (props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipPortal, TooltipContent, TooltipProvider };

package/dist/components/ui/tooltip.js

@@ -2,12 +2,30 @@ import { jsx } from "react/jsx-runtime";
 import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const TooltipProvider = Provider;
-const Tooltip = Root;
-const TooltipTrigger = Trigger;
-const TooltipPortal = Portal;
+const TooltipProvider = (props)=>/*#__PURE__*/ jsx(Provider, {
+        "data-slot": "tooltip-provider",
+        ...props
+    });
+TooltipProvider.displayName = 'TooltipProvider';
+const Tooltip = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "tooltip",
+        ...props
+    });
+Tooltip.displayName = 'Tooltip';
+const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        "data-slot": "tooltip-trigger",
+        ...props
+    }));
+TooltipTrigger.displayName = Trigger.displayName;
+const TooltipPortal = (props)=>/*#__PURE__*/ jsx(Portal, {
+        "data-slot": "tooltip-portal",
+        ...props
+    });
+TooltipPortal.displayName = 'TooltipPortal';
 const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
         ref: ref,
+        "data-slot": "tooltip-content",
         sideOffset: sideOffset,
         className: cn('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
         ...props

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

@@ -25,7 +25,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>TreeView
+    default: ()=>tree_view
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
@@ -67,7 +67,7 @@ const getCheckState = (item, itemMap)=>{
 };
 const defaultIconMap = {
     file: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Box, {
-        className: "h-4 w-4 text-red-600"
+        className: "h-4 w-4 text-error"
     }),
     folder: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Folder, {
         className: "h-4 w-4 text-primary/80"
@@ -234,6 +234,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     variant: "ghost",
                                                     size: "3xs",
                                                     icon: true,
+                                                    "aria-label": isOpen ? `Collapse ${item.name}` : `Expand ${item.name}`,
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_framer_motion_namespaceObject.motion.div, {
                                                         initial: false,
                                                         animate: {
@@ -296,7 +297,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         }),
                                         null !== selectedCount && selectedCount > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge, {
                                             variant: "secondary",
-                                            className: "shrink-0 mr-1 bg-blue-100 hover:bg-blue-100",
+                                            className: "shrink-0 mr-1 bg-info-background hover:bg-info-background",
                                             children: [
                                                 selectedCount,
                                                 " selected"
@@ -311,6 +312,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                         icon: true,
                                                         className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
+                                                        "aria-label": `Actions for ${item.name}`,
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MoreHorizontal, {
                                                             className: "h-4 w-4 text-muted-foreground"
                                                         })
@@ -408,6 +410,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                         icon: true,
                                                         className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
+                                                        "aria-label": `Details for ${item.name}`,
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {
                                                             className: "h-4 w-4 text-muted-foreground"
                                                         })
@@ -537,6 +540,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                         icon: true,
                                                         className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
+                                                        "aria-label": `Actions for ${item.name}`,
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MoreHorizontal, {
                                                             className: "h-4 w-4 text-muted-foreground"
                                                         })
@@ -623,6 +627,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                         icon: true,
                                                         className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
+                                                        "aria-label": `Details for ${item.name}`,
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {
                                                             className: "h-4 w-4 text-muted-foreground"
                                                         })
@@ -753,10 +758,10 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
         ]
     });
 }
-function TreeView({ className, containerClassName, checkboxLabels = {
+const tree_view_TreeView = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, containerClassName, checkboxLabels = {
     check: 'Check',
     uncheck: 'Uncheck'
-}, data, iconMap, searchPlaceholder = 'Search...', selectionText = 'selected', showExpandAll = true, showCheckboxes = false, showSelectionCheckboxes = false, selectionMode = 'multiple', title, getIcon, onSelectionChange, onAction, onCheckChange, menuItems }) {
+}, data, iconMap, searchPlaceholder = 'Search...', selectionText = 'selected', showExpandAll = true, showCheckboxes = false, showSelectionCheckboxes = false, selectionMode = 'multiple', title, getIcon, onSelectionChange, onAction, onCheckChange, menuItems }, ref) {
     const [currentMousePos, setCurrentMousePos] = (0, external_react_namespaceObject.useState)(0);
     const [dragStart, setDragStart] = (0, external_react_namespaceObject.useState)(null);
     const [dragStartPosition, setDragStartPosition] = (0, external_react_namespaceObject.useState)(null);
@@ -959,6 +964,8 @@ function TreeView({ className, containerClassName, checkboxLabels = {
         getSelectedItems
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "tree-view",
         className: (0, index_cjs_namespaceObject.cn)('flex gap-4 min-w-0', containerClassName ? 'w-full' : ''),
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
             ref: treeRef,
@@ -1038,7 +1045,7 @@ function TreeView({ className, containerClassName, checkboxLabels = {
                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                             variant: "ghost",
                                             size: "sm",
-                                            className: "h-8 px-2 text-green-600 hover:text-green-700 hover:bg-green-50",
+                                            className: "h-8 px-2 text-success hover:text-success-text hover:bg-success-background",
                                             onClick: ()=>{
                                                 const effectiveItems = getEffectiveSelectedItems();
                                                 const processItem = (item)=>{
@@ -1052,7 +1059,7 @@ function TreeView({ className, containerClassName, checkboxLabels = {
                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                             variant: "ghost",
                                             size: "sm",
-                                            className: "h-8 px-2 text-red-600 hover:text-red-700 hover:bg-red-50",
+                                            className: "h-8 px-2 text-error hover:text-error-text hover:bg-error-background",
                                             onClick: ()=>{
                                                 const effectiveItems = getEffectiveSelectedItems();
                                                 const processItem = (item)=>{
@@ -1077,7 +1084,7 @@ function TreeView({ className, containerClassName, checkboxLabels = {
                     onMouseMove: handleMouseMove,
                     children: [
                         isDragging && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                            className: "absolute inset-0 bg-blue-500/0 pointer-events-none",
+                            className: "absolute inset-0 bg-transparent pointer-events-none",
                             style: {
                                 top: Math.min(dragStart || 0, null === dragStart ? 0 : currentMousePos),
                                 height: Math.abs((dragStart || 0) - (null === dragStart ? 0 : currentMousePos))
@@ -1107,7 +1114,8 @@ function TreeView({ className, containerClassName, checkboxLabels = {
             ]
         })
     });
-}
+});
+const tree_view = tree_view_TreeView;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"

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

@@ -92,4 +92,5 @@ export interface TreeViewProps {
  *
  * **Layout**: Title → Search bar → Expand/Collapse + Selected count + Clear → Tree. No horizontal scroll.
  */
-export default function TreeView({ className, containerClassName, checkboxLabels, data, iconMap, searchPlaceholder, selectionText, showExpandAll, showCheckboxes, showSelectionCheckboxes, selectionMode, title, getIcon, onSelectionChange, onAction, onCheckChange, menuItems, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
+declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLDivElement>>;
+export default TreeView;