@uipath/apollo-wind 2.36.1 → 2.37.0

package/dist/components/ui/dropdown-menu.cjs

@@ -47,14 +47,42 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const DropdownMenu = react_dropdown_menu_namespaceObject.Root;
-const DropdownMenuTrigger = react_dropdown_menu_namespaceObject.Trigger;
-const DropdownMenuGroup = react_dropdown_menu_namespaceObject.Group;
-const DropdownMenuPortal = react_dropdown_menu_namespaceObject.Portal;
-const DropdownMenuSub = react_dropdown_menu_namespaceObject.Sub;
-const DropdownMenuRadioGroup = react_dropdown_menu_namespaceObject.RadioGroup;
+const DropdownMenu = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Root, {
+        "data-slot": "dropdown-menu",
+        ...props
+    });
+DropdownMenu.displayName = 'DropdownMenu';
+const DropdownMenuTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "dropdown-menu-trigger",
+        ...props
+    }));
+DropdownMenuTrigger.displayName = react_dropdown_menu_namespaceObject.Trigger.displayName;
+const DropdownMenuGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Group, {
+        ref: ref,
+        "data-slot": "dropdown-menu-group",
+        ...props
+    }));
+DropdownMenuGroup.displayName = react_dropdown_menu_namespaceObject.Group.displayName;
+const DropdownMenuPortal = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
+        "data-slot": "dropdown-menu-portal",
+        ...props
+    });
+DropdownMenuPortal.displayName = 'DropdownMenuPortal';
+const DropdownMenuSub = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Sub, {
+        "data-slot": "dropdown-menu-sub",
+        ...props
+    });
+DropdownMenuSub.displayName = 'DropdownMenuSub';
+const DropdownMenuRadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.RadioGroup, {
+        ref: ref,
+        "data-slot": "dropdown-menu-radio-group",
+        ...props
+    }));
+DropdownMenuRadioGroup.displayName = react_dropdown_menu_namespaceObject.RadioGroup.displayName;
 const DropdownMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.SubTrigger, {
         ref: ref,
+        "data-slot": "dropdown-menu-sub-trigger",
         className: (0, index_cjs_namespaceObject.cn)('flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
         ...props,
         children: [
@@ -67,6 +95,7 @@ const DropdownMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forw
 DropdownMenuSubTrigger.displayName = react_dropdown_menu_namespaceObject.SubTrigger.displayName;
 const DropdownMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent, {
         ref: ref,
+        "data-slot": "dropdown-menu-sub-content",
         className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-dropdown-menu-content-transform-origin]', className),
         ...props
     }));
@@ -77,6 +106,7 @@ const DropdownMenuContent = /*#__PURE__*/ external_react_namespaceObject.forward
         container: resolvedContainer,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
             ref: ref,
+            "data-slot": "dropdown-menu-content",
             sideOffset: sideOffset,
             className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-dropdown-menu-content-transform-origin]', className),
             ...props
@@ -86,12 +116,14 @@ const DropdownMenuContent = /*#__PURE__*/ external_react_namespaceObject.forward
 DropdownMenuContent.displayName = react_dropdown_menu_namespaceObject.Content.displayName;
 const DropdownMenuItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item, {
         ref: ref,
+        "data-slot": "dropdown-menu-item",
         className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
         ...props
     }));
 DropdownMenuItem.displayName = react_dropdown_menu_namespaceObject.Item.displayName;
 const DropdownMenuCheckboxItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem, {
         ref: ref,
+        "data-slot": "dropdown-menu-checkbox-item",
         className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
         checked: checked,
         ...props,
@@ -110,6 +142,7 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/ external_react_namespaceObject.fo
 DropdownMenuCheckboxItem.displayName = react_dropdown_menu_namespaceObject.CheckboxItem.displayName;
 const DropdownMenuRadioItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem, {
         ref: ref,
+        "data-slot": "dropdown-menu-radio-item",
         className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
         ...props,
         children: [
@@ -127,17 +160,20 @@ const DropdownMenuRadioItem = /*#__PURE__*/ external_react_namespaceObject.forwa
 DropdownMenuRadioItem.displayName = react_dropdown_menu_namespaceObject.RadioItem.displayName;
 const DropdownMenuLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Label, {
         ref: ref,
+        "data-slot": "dropdown-menu-label",
         className: (0, index_cjs_namespaceObject.cn)('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
         ...props
     }));
 DropdownMenuLabel.displayName = react_dropdown_menu_namespaceObject.Label.displayName;
 const DropdownMenuSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator, {
         ref: ref,
+        "data-slot": "dropdown-menu-separator",
         className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-surface-overlay', className),
         ...props
     }));
 DropdownMenuSeparator.displayName = react_dropdown_menu_namespaceObject.Separator.displayName;
 const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        "data-slot": "dropdown-menu-shortcut",
         className: (0, index_cjs_namespaceObject.cn)('ml-auto text-xs tracking-widest opacity-60', className),
         ...props
     });

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,12 +1,21 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenu: {
+    (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: {
+    (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuSub: {
+    (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/dropdown-menu.js

@@ -5,14 +5,42 @@ import { Check, ChevronRight, Circle } from "lucide-react";
 import { forwardRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
-const DropdownMenu = Root;
-const DropdownMenuTrigger = Trigger;
-const DropdownMenuGroup = Group;
-const DropdownMenuPortal = Portal;
-const DropdownMenuSub = Sub;
-const DropdownMenuRadioGroup = RadioGroup;
+const DropdownMenu = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "dropdown-menu",
+        ...props
+    });
+DropdownMenu.displayName = 'DropdownMenu';
+const DropdownMenuTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        "data-slot": "dropdown-menu-trigger",
+        ...props
+    }));
+DropdownMenuTrigger.displayName = Trigger.displayName;
+const DropdownMenuGroup = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Group, {
+        ref: ref,
+        "data-slot": "dropdown-menu-group",
+        ...props
+    }));
+DropdownMenuGroup.displayName = Group.displayName;
+const DropdownMenuPortal = (props)=>/*#__PURE__*/ jsx(Portal, {
+        "data-slot": "dropdown-menu-portal",
+        ...props
+    });
+DropdownMenuPortal.displayName = 'DropdownMenuPortal';
+const DropdownMenuSub = (props)=>/*#__PURE__*/ jsx(Sub, {
+        "data-slot": "dropdown-menu-sub",
+        ...props
+    });
+DropdownMenuSub.displayName = 'DropdownMenuSub';
+const DropdownMenuRadioGroup = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(RadioGroup, {
+        ref: ref,
+        "data-slot": "dropdown-menu-radio-group",
+        ...props
+    }));
+DropdownMenuRadioGroup.displayName = RadioGroup.displayName;
 const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
         ref: ref,
+        "data-slot": "dropdown-menu-sub-trigger",
         className: cn('flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
         ...props,
         children: [
@@ -25,6 +53,7 @@ const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, chi
 DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
 const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
         ref: ref,
+        "data-slot": "dropdown-menu-sub-content",
         className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-dropdown-menu-content-transform-origin]', className),
         ...props
     }));
@@ -35,6 +64,7 @@ const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset =
         container: resolvedContainer,
         children: /*#__PURE__*/ jsx(Content, {
             ref: ref,
+            "data-slot": "dropdown-menu-content",
             sideOffset: sideOffset,
             className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-dropdown-menu-content-transform-origin]', className),
             ...props
@@ -44,12 +74,14 @@ const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset =
 DropdownMenuContent.displayName = Content.displayName;
 const DropdownMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
         ref: ref,
+        "data-slot": "dropdown-menu-item",
         className: cn('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
         ...props
     }));
 DropdownMenuItem.displayName = Item.displayName;
 const DropdownMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
         ref: ref,
+        "data-slot": "dropdown-menu-checkbox-item",
         className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
         checked: checked,
         ...props,
@@ -68,6 +100,7 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children
 DropdownMenuCheckboxItem.displayName = CheckboxItem.displayName;
 const DropdownMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
         ref: ref,
+        "data-slot": "dropdown-menu-radio-item",
         className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
         ...props,
         children: [
@@ -85,17 +118,20 @@ const DropdownMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, .
 DropdownMenuRadioItem.displayName = RadioItem.displayName;
 const DropdownMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
         ref: ref,
+        "data-slot": "dropdown-menu-label",
         className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
         ...props
     }));
 DropdownMenuLabel.displayName = Label.displayName;
 const DropdownMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
+        "data-slot": "dropdown-menu-separator",
         className: cn('-mx-1 my-1 h-px bg-surface-overlay', className),
         ...props
     }));
 DropdownMenuSeparator.displayName = Separator.displayName;
 const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
+        "data-slot": "dropdown-menu-shortcut",
         className: cn('ml-auto text-xs tracking-widest opacity-60', className),
         ...props
     });

package/dist/components/ui/editable-cell.cjs

@@ -85,6 +85,7 @@ function EditableCell({ cell, onUpdate }) {
         handleCancel
     ]);
     if ('checkbox' === type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "editable-cell",
         className: "flex items-center justify-center",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox, {
             checked: Boolean(value),
@@ -97,6 +98,7 @@ function EditableCell({ cell, onUpdate }) {
     });
     const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
         type: "button",
+        "data-slot": "editable-cell",
         className: (0, index_cjs_namespaceObject.cn)('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer w-full text-left', 'hover:bg-muted/50 transition-colors', 'flex items-center bg-transparent border-0'),
         onClick: ()=>setIsEditing(true),
         "aria-label": `Edit ${cell.column.id}`,

package/dist/components/ui/editable-cell.js

@@ -56,6 +56,7 @@ function EditableCell({ cell, onUpdate }) {
         handleCancel
     ]);
     if ('checkbox' === type) return /*#__PURE__*/ jsx("div", {
+        "data-slot": "editable-cell",
         className: "flex items-center justify-center",
         children: /*#__PURE__*/ jsx(Checkbox, {
             checked: Boolean(value),
@@ -68,6 +69,7 @@ function EditableCell({ cell, onUpdate }) {
     });
     const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ jsx("button", {
         type: "button",
+        "data-slot": "editable-cell",
         className: cn('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer w-full text-left', 'hover:bg-muted/50 transition-colors', 'flex items-center bg-transparent border-0'),
         onClick: ()=>setIsEditing(true),
         "aria-label": `Edit ${cell.column.id}`,

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

@@ -34,6 +34,7 @@ const EmptyState = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ ic
     const hasSimpleActions = !children && (action || secondaryAction);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ref: ref,
+        "data-slot": "empty-state",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col items-center justify-center p-8 text-center', className),
         ...props,
         children: [

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

@@ -6,6 +6,7 @@ const EmptyState = /*#__PURE__*/ forwardRef(({ icon, code, title, description, a
     const hasSimpleActions = !children && (action || secondaryAction);
     return /*#__PURE__*/ jsxs("div", {
         ref: ref,
+        "data-slot": "empty-state",
         className: cn('flex flex-col items-center justify-center p-8 text-center', className),
         ...props,
         children: [

package/dist/components/ui/file-upload.cjs

@@ -25,14 +25,14 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    FileUpload: ()=>FileUpload
+    FileUpload: ()=>file_upload_FileUpload
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur }) {
+const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const [files, setFiles] = external_react_namespaceObject.useState([]);
     const [isDragging, setIsDragging] = external_react_namespaceObject.useState(false);
     const [fileErrors, setFileErrors] = external_react_namespaceObject.useState(new Map());
@@ -161,6 +161,8 @@ function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, di
         return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
+        ref: ref,
+        "data-slot": "file-upload",
         className: (0, index_cjs_namespaceObject.cn)('m-0 min-w-0 w-full border-0 p-0', className),
         onBlur: (event)=>{
             if (!event.currentTarget.contains(event.relatedTarget)) onBlur?.(event);
@@ -175,12 +177,18 @@ function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, di
                 multiple: multiple,
                 disabled: disabled,
                 onChange: handleInputChange,
-                "aria-label": id ? void 0 : ariaLabel ?? 'File upload'
+                "aria-label": id ? void 0 : ariaLabel ?? 'File upload',
+                "aria-invalid": ariaInvalid,
+                "aria-describedby": ariaDescribedBy,
+                "aria-errormessage": ariaErrorMessage
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 role: "button",
                 "aria-label": ariaLabel ?? 'File upload area',
                 "aria-disabled": disabled,
+                "aria-invalid": ariaInvalid,
+                "aria-describedby": ariaDescribedBy,
+                "aria-errormessage": ariaErrorMessage,
                 tabIndex: disabled ? -1 : 0,
                 className: (0, index_cjs_namespaceObject.cn)('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
                 onDragEnter: handleDragEnter,
@@ -280,7 +288,7 @@ function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, di
             })
         ]
     });
-}
+});
 exports.FileUpload = __webpack_exports__.FileUpload;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "FileUpload"

package/dist/components/ui/file-upload.d.ts

@@ -26,5 +26,8 @@ export interface FileUploadProps {
     /** External errors keyed by filename. Use this to set errors from outside (e.g., upload failures). */
     errors?: Record<string, string>;
     onBlur?: React.FocusEventHandler<HTMLFieldSetElement>;
+    'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    'aria-describedby'?: string;
+    'aria-errormessage'?: string;
 }
-export declare function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple, disabled, maxSize, className, showPreview, errors, onBlur, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/components/ui/file-upload.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload, X } from "lucide-react";
-import { useRef, useState } from "react";
+import { forwardRef, useRef, useState } from "react";
 import { Button } from "./button.js";
 import { cn } from "../../lib/index.js";
-function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur }) {
+const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const [files, setFiles] = useState([]);
     const [isDragging, setIsDragging] = useState(false);
     const [fileErrors, setFileErrors] = useState(new Map());
@@ -133,6 +133,8 @@ function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, di
         return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
     };
     return /*#__PURE__*/ jsxs("fieldset", {
+        ref: ref,
+        "data-slot": "file-upload",
         className: cn('m-0 min-w-0 w-full border-0 p-0', className),
         onBlur: (event)=>{
             if (!event.currentTarget.contains(event.relatedTarget)) onBlur?.(event);
@@ -147,12 +149,18 @@ function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, di
                 multiple: multiple,
                 disabled: disabled,
                 onChange: handleInputChange,
-                "aria-label": id ? void 0 : ariaLabel ?? 'File upload'
+                "aria-label": id ? void 0 : ariaLabel ?? 'File upload',
+                "aria-invalid": ariaInvalid,
+                "aria-describedby": ariaDescribedBy,
+                "aria-errormessage": ariaErrorMessage
             }),
             /*#__PURE__*/ jsxs("div", {
                 role: "button",
                 "aria-label": ariaLabel ?? 'File upload area',
                 "aria-disabled": disabled,
+                "aria-invalid": ariaInvalid,
+                "aria-describedby": ariaDescribedBy,
+                "aria-errormessage": ariaErrorMessage,
                 tabIndex: disabled ? -1 : 0,
                 className: cn('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
                 onDragEnter: handleDragEnter,
@@ -252,5 +260,5 @@ function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, di
             })
         ]
     });
-}
-export { FileUpload };
+});
+export { file_upload_FileUpload as FileUpload };

package/dist/components/ui/hover-card.cjs

@@ -32,10 +32,20 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_hover_card_namespaceObject = require("@radix-ui/react-hover-card");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const HoverCard = react_hover_card_namespaceObject.Root;
-const HoverCardTrigger = react_hover_card_namespaceObject.Trigger;
+const HoverCard = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Root, {
+        "data-slot": "hover-card",
+        ...props
+    });
+HoverCard.displayName = 'HoverCard';
+const HoverCardTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "hover-card-trigger",
+        ...props
+    }));
+HoverCardTrigger.displayName = react_hover_card_namespaceObject.Trigger.displayName;
 const HoverCardContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
         ref: ref,
+        "data-slot": "hover-card-content",
         align: align,
         sideOffset: sideOffset,
         className: (0, index_cjs_namespaceObject.cn)('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-hover-card-content-transform-origin]', className),

package/dist/components/ui/hover-card.d.ts

@@ -1,6 +1,9 @@
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as React from 'react';
-declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCard: {
+    (props: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/hover-card.js

@@ -2,10 +2,20 @@ import { jsx } from "react/jsx-runtime";
 import { Content, Root, Trigger } from "@radix-ui/react-hover-card";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const HoverCard = Root;
-const HoverCardTrigger = Trigger;
+const HoverCard = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "hover-card",
+        ...props
+    });
+HoverCard.displayName = 'HoverCard';
+const HoverCardTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        "data-slot": "hover-card-trigger",
+        ...props
+    }));
+HoverCardTrigger.displayName = Trigger.displayName;
 const HoverCardContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
         ref: ref,
+        "data-slot": "hover-card-content",
         align: align,
         sideOffset: sideOffset,
         className: cn('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-hover-card-content-transform-origin]', className),