@uipath/apollo-wind 2.36.1 → 2.37.0

package/dist/components/ui/card.cjs

@@ -36,36 +36,42 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Card = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "card",
         className: (0, index_cjs_namespaceObject.cn)('rounded-lg border border-border-de-emp bg-card text-card-foreground shadow-sm', className),
         ...props
     }));
 Card.displayName = 'Card';
 const CardHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "card-header",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-1.5 p-6', className),
         ...props
     }));
 CardHeader.displayName = 'CardHeader';
 const CardTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "card-title",
         className: (0, index_cjs_namespaceObject.cn)('text-2xl font-semibold leading-none tracking-tight', className),
         ...props
     }));
 CardTitle.displayName = 'CardTitle';
 const CardDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "card-description",
         className: (0, index_cjs_namespaceObject.cn)('text-sm text-muted-foreground', className),
         ...props
     }));
 CardDescription.displayName = "CardDescription";
 const CardContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "card-content",
         className: (0, index_cjs_namespaceObject.cn)('p-6 pt-0', className),
         ...props
     }));
 CardContent.displayName = 'CardContent';
 const CardFooter = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "card-footer",
         className: (0, index_cjs_namespaceObject.cn)('flex items-center p-6 pt-0', className),
         ...props
     }));

package/dist/components/ui/card.js

@@ -3,36 +3,42 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Card = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "card",
         className: cn('rounded-lg border border-border-de-emp bg-card text-card-foreground shadow-sm', className),
         ...props
     }));
 Card.displayName = 'Card';
 const CardHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "card-header",
         className: cn('flex flex-col space-y-1.5 p-6', className),
         ...props
     }));
 CardHeader.displayName = 'CardHeader';
 const CardTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "card-title",
         className: cn('text-2xl font-semibold leading-none tracking-tight', className),
         ...props
     }));
 CardTitle.displayName = 'CardTitle';
 const CardDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "card-description",
         className: cn('text-sm text-muted-foreground', className),
         ...props
     }));
 CardDescription.displayName = "CardDescription";
 const CardContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "card-content",
         className: cn('p-6 pt-0', className),
         ...props
     }));
 CardContent.displayName = 'CardContent';
 const CardFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "card-footer",
         className: cn('flex items-center p-6 pt-0', className),
         ...props
     }));

package/dist/components/ui/checkbox.cjs

@@ -33,6 +33,7 @@ const external_react_namespaceObject = require("react");
 const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
 const Checkbox = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "checkbox",
         className: (0, utils_cjs_namespaceObject.cn)('peer h-4 w-4 shrink-0 cursor-pointer rounded-sm border border-border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', 'future:hover:border-border-hover future:data-[state=checked]:border-foreground-accent future:data-[state=checked]:bg-foreground-accent future:data-[state=checked]:text-current', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Indicator, {

package/dist/components/ui/checkbox.js

@@ -5,6 +5,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
 const Checkbox = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
+        "data-slot": "checkbox",
         className: cn('peer h-4 w-4 shrink-0 cursor-pointer rounded-sm border border-border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', 'future:hover:border-border-hover future:data-[state=checked]:border-foreground-accent future:data-[state=checked]:bg-foreground-accent future:data-[state=checked]:text-current', className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {

package/dist/components/ui/collapsible.cjs

@@ -28,10 +28,27 @@ __webpack_require__.d(__webpack_exports__, {
     CollapsibleContent: ()=>CollapsibleContent,
     CollapsibleTrigger: ()=>CollapsibleTrigger
 });
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_collapsible_namespaceObject = require("@radix-ui/react-collapsible");
-const Collapsible = react_collapsible_namespaceObject.Root;
-const CollapsibleTrigger = react_collapsible_namespaceObject.CollapsibleTrigger;
-const CollapsibleContent = react_collapsible_namespaceObject.CollapsibleContent;
+const external_react_namespaceObject = require("react");
+const Collapsible = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.Root, {
+        ref: ref,
+        "data-slot": "collapsible",
+        ...props
+    }));
+Collapsible.displayName = 'Collapsible';
+const CollapsibleTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.CollapsibleTrigger, {
+        ref: ref,
+        "data-slot": "collapsible-trigger",
+        ...props
+    }));
+CollapsibleTrigger.displayName = 'CollapsibleTrigger';
+const CollapsibleContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.CollapsibleContent, {
+        ref: ref,
+        "data-slot": "collapsible-content",
+        ...props
+    }));
+CollapsibleContent.displayName = 'CollapsibleContent';
 exports.Collapsible = __webpack_exports__.Collapsible;
 exports.CollapsibleContent = __webpack_exports__.CollapsibleContent;
 exports.CollapsibleTrigger = __webpack_exports__.CollapsibleTrigger;

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

@@ -1,5 +1,6 @@
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+declare const Collapsible: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/collapsible.js

@@ -1,5 +1,22 @@
+import { jsx } from "react/jsx-runtime";
 import { CollapsibleContent, CollapsibleTrigger, Root } from "@radix-ui/react-collapsible";
-const Collapsible = Root;
-const collapsible_CollapsibleTrigger = CollapsibleTrigger;
-const collapsible_CollapsibleContent = CollapsibleContent;
+import { forwardRef } from "react";
+const Collapsible = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        "data-slot": "collapsible",
+        ...props
+    }));
+Collapsible.displayName = 'Collapsible';
+const collapsible_CollapsibleTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(CollapsibleTrigger, {
+        ref: ref,
+        "data-slot": "collapsible-trigger",
+        ...props
+    }));
+collapsible_CollapsibleTrigger.displayName = 'CollapsibleTrigger';
+const collapsible_CollapsibleContent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(CollapsibleContent, {
+        ref: ref,
+        "data-slot": "collapsible-content",
+        ...props
+    }));
+collapsible_CollapsibleContent.displayName = 'CollapsibleContent';
 export { Collapsible, collapsible_CollapsibleContent as CollapsibleContent, collapsible_CollapsibleTrigger as CollapsibleTrigger };

package/dist/components/ui/combobox.cjs

@@ -25,7 +25,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Combobox: ()=>Combobox
+    Combobox: ()=>combobox_Combobox
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
@@ -34,16 +34,18 @@ const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_command_cjs_namespaceObject = require("./command.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-function Combobox({ items, value, onValueChange, placeholder = 'Select an option...', searchPlaceholder = 'Search...', emptyText = 'No results found.', disabled, className }) {
+const combobox_Combobox = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ items, value, onValueChange, placeholder = 'Select an option...', searchPlaceholder = 'Search...', emptyText = 'No results found.', disabled, className }, ref) {
     const [open, setOpen] = external_react_namespaceObject.useState(false);
     const selectedItem = items.find((item)=>item.value === value);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+        "data-slot": "combobox",
         open: open,
         onOpenChange: setOpen,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                    ref: ref,
                     variant: "outline",
                     role: "combobox",
                     "aria-expanded": open,
@@ -92,7 +94,7 @@ function Combobox({ items, value, onValueChange, placeholder = 'Select an option
             })
         ]
     });
-}
+});
 exports.Combobox = __webpack_exports__.Combobox;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Combobox"

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface ComboboxItem {
     value: string;
     label: string;
@@ -12,4 +13,4 @@ export interface ComboboxProps {
     disabled?: boolean;
     className?: string;
 }
-export declare function Combobox({ items, value, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/combobox.js

@@ -1,21 +1,23 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronsUpDown } from "lucide-react";
-import { useState } from "react";
+import { forwardRef, useState } from "react";
 import { Button } from "./button.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
-function Combobox({ items, value, onValueChange, placeholder = 'Select an option...', searchPlaceholder = 'Search...', emptyText = 'No results found.', disabled, className }) {
+const combobox_Combobox = /*#__PURE__*/ forwardRef(function({ items, value, onValueChange, placeholder = 'Select an option...', searchPlaceholder = 'Search...', emptyText = 'No results found.', disabled, className }, ref) {
     const [open, setOpen] = useState(false);
     const selectedItem = items.find((item)=>item.value === value);
     return /*#__PURE__*/ jsxs(Popover, {
+        "data-slot": "combobox",
         open: open,
         onOpenChange: setOpen,
         children: [
             /*#__PURE__*/ jsx(PopoverTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs(Button, {
+                    ref: ref,
                     variant: "outline",
                     role: "combobox",
                     "aria-expanded": open,
@@ -64,5 +66,5 @@ function Combobox({ items, value, onValueChange, placeholder = 'Select an option
             })
         ]
     });
-}
-export { Combobox };
+});
+export { combobox_Combobox as Combobox };

package/dist/components/ui/command.cjs

@@ -42,11 +42,13 @@ const external_dialog_cjs_namespaceObject = require("./dialog.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Command = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command, {
         ref: ref,
+        "data-slot": "command",
         className: (0, index_cjs_namespaceObject.cn)('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className),
         ...props
     }));
 Command.displayName = external_cmdk_namespaceObject.Command.displayName;
 const CommandDialog = ({ children, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.Dialog, {
+        "data-slot": "command-dialog",
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dialog_cjs_namespaceObject.DialogContent, {
             className: "overflow-hidden p-0 shadow-lg",
@@ -65,6 +67,7 @@ const CommandInput = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Input, {
                 ref: ref,
+                "data-slot": "command-input",
                 className: (0, index_cjs_namespaceObject.cn)('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className),
                 ...props
             })
@@ -73,35 +76,41 @@ const CommandInput = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
 CommandInput.displayName = external_cmdk_namespaceObject.Command.Input.displayName;
 const CommandList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.List, {
         ref: ref,
+        "data-slot": "command-list",
         className: (0, index_cjs_namespaceObject.cn)('max-h-[300px] overflow-y-auto overflow-x-hidden', className),
         ...props
     }));
 CommandList.displayName = external_cmdk_namespaceObject.Command.List.displayName;
 const CommandEmpty = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Empty, {
         ref: ref,
+        "data-slot": "command-empty",
         className: "py-6 text-center text-sm",
         ...props
     }));
 CommandEmpty.displayName = external_cmdk_namespaceObject.Command.Empty.displayName;
 const CommandGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Group, {
         ref: ref,
+        "data-slot": "command-group",
         className: (0, index_cjs_namespaceObject.cn)('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className),
         ...props
     }));
 CommandGroup.displayName = external_cmdk_namespaceObject.Command.Group.displayName;
 const CommandSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Separator, {
         ref: ref,
+        "data-slot": "command-separator",
         className: (0, index_cjs_namespaceObject.cn)('-mx-1 h-px bg-border', className),
         ...props
     }));
 CommandSeparator.displayName = external_cmdk_namespaceObject.Command.Separator.displayName;
 const CommandItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Item, {
         ref: ref,
+        "data-slot": "command-item",
         className: (0, index_cjs_namespaceObject.cn)("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
         ...props
     }));
 CommandItem.displayName = external_cmdk_namespaceObject.Command.Item.displayName;
 const CommandShortcut = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        "data-slot": "command-shortcut",
         className: (0, index_cjs_namespaceObject.cn)('ml-auto text-xs tracking-widest text-muted-foreground', className),
         ...props
     });

package/dist/components/ui/command.js

@@ -6,11 +6,13 @@ import { Dialog, DialogContent } from "./dialog.js";
 import { cn } from "../../lib/index.js";
 const command_Command = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command, {
         ref: ref,
+        "data-slot": "command",
         className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className),
         ...props
     }));
 command_Command.displayName = Command.displayName;
 const CommandDialog = ({ children, ...props })=>/*#__PURE__*/ jsx(Dialog, {
+        "data-slot": "command-dialog",
         ...props,
         children: /*#__PURE__*/ jsx(DialogContent, {
             className: "overflow-hidden p-0 shadow-lg",
@@ -29,6 +31,7 @@ const CommandInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*
             }),
             /*#__PURE__*/ jsx(Command.Input, {
                 ref: ref,
+                "data-slot": "command-input",
                 className: cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className),
                 ...props
             })
@@ -37,35 +40,41 @@ const CommandInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*
 CommandInput.displayName = Command.Input.displayName;
 const CommandList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.List, {
         ref: ref,
+        "data-slot": "command-list",
         className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className),
         ...props
     }));
 CommandList.displayName = Command.List.displayName;
 const CommandEmpty = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Command.Empty, {
         ref: ref,
+        "data-slot": "command-empty",
         className: "py-6 text-center text-sm",
         ...props
     }));
 CommandEmpty.displayName = Command.Empty.displayName;
 const CommandGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.Group, {
         ref: ref,
+        "data-slot": "command-group",
         className: cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className),
         ...props
     }));
 CommandGroup.displayName = Command.Group.displayName;
 const CommandSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.Separator, {
         ref: ref,
+        "data-slot": "command-separator",
         className: cn('-mx-1 h-px bg-border', className),
         ...props
     }));
 CommandSeparator.displayName = Command.Separator.displayName;
 const CommandItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.Item, {
         ref: ref,
+        "data-slot": "command-item",
         className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
         ...props
     }));
 CommandItem.displayName = Command.Item.displayName;
 const CommandShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
+        "data-slot": "command-shortcut",
         className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
         ...props
     });

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

@@ -46,14 +46,42 @@ const react_context_menu_namespaceObject = require("@radix-ui/react-context-menu
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const ContextMenu = react_context_menu_namespaceObject.Root;
-const ContextMenuTrigger = react_context_menu_namespaceObject.Trigger;
-const ContextMenuGroup = react_context_menu_namespaceObject.Group;
-const ContextMenuPortal = react_context_menu_namespaceObject.Portal;
-const ContextMenuSub = react_context_menu_namespaceObject.Sub;
-const ContextMenuRadioGroup = react_context_menu_namespaceObject.RadioGroup;
+const ContextMenu = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Root, {
+        "data-slot": "context-menu",
+        ...props
+    });
+ContextMenu.displayName = 'ContextMenu';
+const ContextMenuTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "context-menu-trigger",
+        ...props
+    }));
+ContextMenuTrigger.displayName = react_context_menu_namespaceObject.Trigger.displayName;
+const ContextMenuGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Group, {
+        ref: ref,
+        "data-slot": "context-menu-group",
+        ...props
+    }));
+ContextMenuGroup.displayName = react_context_menu_namespaceObject.Group.displayName;
+const ContextMenuPortal = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
+        "data-slot": "context-menu-portal",
+        ...props
+    });
+ContextMenuPortal.displayName = 'ContextMenuPortal';
+const ContextMenuSub = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Sub, {
+        "data-slot": "context-menu-sub",
+        ...props
+    });
+ContextMenuSub.displayName = 'ContextMenuSub';
+const ContextMenuRadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.RadioGroup, {
+        ref: ref,
+        "data-slot": "context-menu-radio-group",
+        ...props
+    }));
+ContextMenuRadioGroup.displayName = react_context_menu_namespaceObject.RadioGroup.displayName;
 const ContextMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.SubTrigger, {
         ref: ref,
+        "data-slot": "context-menu-sub-trigger",
         className: (0, index_cjs_namespaceObject.cn)('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', inset && 'pl-8', className),
         ...props,
         children: [
@@ -66,6 +94,7 @@ const ContextMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwa
 ContextMenuSubTrigger.displayName = react_context_menu_namespaceObject.SubTrigger.displayName;
 const ContextMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.SubContent, {
         ref: ref,
+        "data-slot": "context-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-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-context-menu-content-transform-origin]', className),
         ...props
     }));
@@ -73,6 +102,7 @@ ContextMenuSubContent.displayName = react_context_menu_namespaceObject.SubConten
 const ContextMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Content, {
             ref: ref,
+            "data-slot": "context-menu-content",
             className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[--radix-context-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 animate-in fade-in-80 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-context-menu-content-transform-origin]', className),
             ...props
         })
@@ -80,12 +110,14 @@ const ContextMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardR
 ContextMenuContent.displayName = react_context_menu_namespaceObject.Content.displayName;
 const ContextMenuItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Item, {
         ref: ref,
+        "data-slot": "context-menu-item",
         className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
         ...props
     }));
 ContextMenuItem.displayName = react_context_menu_namespaceObject.Item.displayName;
 const ContextMenuCheckboxItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.CheckboxItem, {
         ref: ref,
+        "data-slot": "context-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 focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
         checked: checked,
         ...props,
@@ -104,6 +136,7 @@ const ContextMenuCheckboxItem = /*#__PURE__*/ external_react_namespaceObject.for
 ContextMenuCheckboxItem.displayName = react_context_menu_namespaceObject.CheckboxItem.displayName;
 const ContextMenuRadioItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.RadioItem, {
         ref: ref,
+        "data-slot": "context-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 focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
         ...props,
         children: [
@@ -121,17 +154,20 @@ const ContextMenuRadioItem = /*#__PURE__*/ external_react_namespaceObject.forwar
 ContextMenuRadioItem.displayName = react_context_menu_namespaceObject.RadioItem.displayName;
 const ContextMenuLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Label, {
         ref: ref,
+        "data-slot": "context-menu-label",
         className: (0, index_cjs_namespaceObject.cn)('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className),
         ...props
     }));
 ContextMenuLabel.displayName = react_context_menu_namespaceObject.Label.displayName;
 const ContextMenuSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Separator, {
         ref: ref,
+        "data-slot": "context-menu-separator",
         className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-border', className),
         ...props
     }));
 ContextMenuSeparator.displayName = react_context_menu_namespaceObject.Separator.displayName;
 const ContextMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        "data-slot": "context-menu-shortcut",
         className: (0, index_cjs_namespaceObject.cn)('ml-auto text-xs tracking-widest text-muted-foreground', className),
         ...props
     });

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

@@ -1,11 +1,20 @@
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as React from 'react';
-declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenu: {
+    (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: {
+    (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const ContextMenuSub: {
+    (props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;