@uipath/apollo-wind 2.36.1 → 2.37.0

package/dist/components/ui/accordion.js

@@ -4,9 +4,15 @@ import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion"
 import { ChevronDown } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const Accordion = Root;
+const Accordion = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        "data-slot": "accordion",
+        ...props
+    }));
+Accordion.displayName = 'Accordion';
 const AccordionItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
         ref: ref,
+        "data-slot": "accordion-item",
         className: cn('border-b', className),
         ...props
     }));
@@ -15,6 +21,7 @@ const AccordionTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...pro
         className: "flex",
         children: /*#__PURE__*/ jsxs(Trigger, {
             ref: ref,
+            "data-slot": "accordion-trigger",
             className: cn('flex flex-1 cursor-pointer items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className),
             ...props,
             children: [
@@ -28,6 +35,7 @@ const AccordionTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...pro
 AccordionTrigger.displayName = Trigger.displayName;
 const AccordionContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
         ref: ref,
+        "data-slot": "accordion-content",
         className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible",
         ...props,
         children: /*#__PURE__*/ jsx("div", {

package/dist/components/ui/alert-dialog.cjs

@@ -43,11 +43,25 @@ const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const AlertDialog = react_alert_dialog_namespaceObject.Root;
-const AlertDialogTrigger = react_alert_dialog_namespaceObject.Trigger;
-const AlertDialogPortal = react_alert_dialog_namespaceObject.Portal;
+const AlertDialog = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Root, {
+        "data-slot": "alert-dialog",
+        ...props
+    });
+AlertDialog.displayName = 'AlertDialog';
+const AlertDialogTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "alert-dialog-trigger",
+        ...props
+    }));
+AlertDialogTrigger.displayName = react_alert_dialog_namespaceObject.Trigger.displayName;
+const AlertDialogPortal = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Portal, {
+        "data-slot": "alert-dialog-portal",
+        ...props
+    });
+AlertDialogPortal.displayName = 'AlertDialogPortal';
 const AlertDialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Overlay, {
-        className: (0, index_cjs_namespaceObject.cn)('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
+        "data-slot": "alert-dialog-overlay",
+        className: (0, index_cjs_namespaceObject.cn)('fixed inset-0 z-50 bg-curtain  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
         ...props,
         ref: ref
     }));
@@ -60,6 +74,7 @@ const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardR
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AlertDialogOverlay, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
                 ref: ref,
+                "data-slot": "alert-dialog-content",
                 className: (0, index_cjs_namespaceObject.cn)('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
                 ...props
             })
@@ -68,35 +83,41 @@ const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardR
 });
 AlertDialogContent.displayName = react_alert_dialog_namespaceObject.Content.displayName;
 const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "alert-dialog-header",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-2 text-center sm:text-left', className),
         ...props
     });
 AlertDialogHeader.displayName = 'AlertDialogHeader';
 const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "alert-dialog-footer",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
         ...props
     });
 AlertDialogFooter.displayName = 'AlertDialogFooter';
 const AlertDialogTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Title, {
         ref: ref,
+        "data-slot": "alert-dialog-title",
         className: (0, index_cjs_namespaceObject.cn)('text-lg font-semibold', className),
         ...props
     }));
 AlertDialogTitle.displayName = react_alert_dialog_namespaceObject.Title.displayName;
 const AlertDialogDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Description, {
         ref: ref,
+        "data-slot": "alert-dialog-description",
         className: (0, index_cjs_namespaceObject.cn)('text-sm text-muted-foreground', className),
         ...props
     }));
 AlertDialogDescription.displayName = react_alert_dialog_namespaceObject.Description.displayName;
 const AlertDialogAction = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Action, {
         ref: ref,
+        "data-slot": "alert-dialog-action",
         className: (0, index_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)(), className),
         ...props
     }));
 AlertDialogAction.displayName = react_alert_dialog_namespaceObject.Action.displayName;
 const AlertDialogCancel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Cancel, {
         ref: ref,
+        "data-slot": "alert-dialog-cancel",
         className: (0, index_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
             variant: 'outline'
         }), 'mt-2 sm:mt-0', className),

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

@@ -1,9 +1,15 @@
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialog: {
+    (props: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: {
+    (props: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     container?: PortalContainerOverride;

package/dist/components/ui/alert-dialog.js

@@ -5,11 +5,25 @@ import { forwardRef } from "react";
 import { buttonVariants } from "./button.js";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
-const AlertDialog = Root;
-const AlertDialogTrigger = Trigger;
-const AlertDialogPortal = Portal;
+const AlertDialog = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "alert-dialog",
+        ...props
+    });
+AlertDialog.displayName = 'AlertDialog';
+const AlertDialogTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        "data-slot": "alert-dialog-trigger",
+        ...props
+    }));
+AlertDialogTrigger.displayName = Trigger.displayName;
+const AlertDialogPortal = (props)=>/*#__PURE__*/ jsx(Portal, {
+        "data-slot": "alert-dialog-portal",
+        ...props
+    });
+AlertDialogPortal.displayName = 'AlertDialogPortal';
 const AlertDialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
-        className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
+        "data-slot": "alert-dialog-overlay",
+        className: cn('fixed inset-0 z-50 bg-curtain  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
         ...props,
         ref: ref
     }));
@@ -22,6 +36,7 @@ const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, container, ...
             /*#__PURE__*/ jsx(AlertDialogOverlay, {}),
             /*#__PURE__*/ jsx(Content, {
                 ref: ref,
+                "data-slot": "alert-dialog-content",
                 className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
                 ...props
             })
@@ -30,35 +45,41 @@ const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, container, ...
 });
 AlertDialogContent.displayName = Content.displayName;
 const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        "data-slot": "alert-dialog-header",
         className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
         ...props
     });
 AlertDialogHeader.displayName = 'AlertDialogHeader';
 const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        "data-slot": "alert-dialog-footer",
         className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
         ...props
     });
 AlertDialogFooter.displayName = 'AlertDialogFooter';
 const AlertDialogTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
         ref: ref,
+        "data-slot": "alert-dialog-title",
         className: cn('text-lg font-semibold', className),
         ...props
     }));
 AlertDialogTitle.displayName = Title.displayName;
 const AlertDialogDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
         ref: ref,
+        "data-slot": "alert-dialog-description",
         className: cn('text-sm text-muted-foreground', className),
         ...props
     }));
 AlertDialogDescription.displayName = Description.displayName;
 const AlertDialogAction = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Action, {
         ref: ref,
+        "data-slot": "alert-dialog-action",
         className: cn(buttonVariants(), className),
         ...props
     }));
 AlertDialogAction.displayName = Action.displayName;
 const AlertDialogCancel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Cancel, {
         ref: ref,
+        "data-slot": "alert-dialog-cancel",
         className: cn(buttonVariants({
             variant: 'outline'
         }), 'mt-2 sm:mt-0', className),

package/dist/components/ui/alert.cjs

@@ -48,6 +48,7 @@ const alertVariants = (0, external_class_variance_authority_namespaceObject.cva)
 });
 const Alert = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "alert",
         role: "alert",
         className: (0, index_cjs_namespaceObject.cn)(alertVariants({
             variant
@@ -57,12 +58,14 @@ const Alert = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classNa
 Alert.displayName = 'Alert';
 const AlertTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h5", {
         ref: ref,
+        "data-slot": "alert-title",
         className: (0, index_cjs_namespaceObject.cn)('text-xs font-semibold leading-4', className),
         ...props
     }));
 AlertTitle.displayName = 'AlertTitle';
 const AlertDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "alert-description",
         className: (0, index_cjs_namespaceObject.cn)('mt-1 text-xs leading-4 text-foreground-muted [&_p+p]:mt-1 [&_p]:leading-4', className),
         ...props
     }));

package/dist/components/ui/alert.js

@@ -18,6 +18,7 @@ const alertVariants = cva('relative w-full rounded-xl border p-3 text-foreground
 });
 const Alert = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "alert",
         role: "alert",
         className: cn(alertVariants({
             variant
@@ -27,12 +28,14 @@ const Alert = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>
 Alert.displayName = 'Alert';
 const AlertTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
         ref: ref,
+        "data-slot": "alert-title",
         className: cn('text-xs font-semibold leading-4', className),
         ...props
     }));
 AlertTitle.displayName = 'AlertTitle';
 const AlertDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "alert-description",
         className: cn('mt-1 text-xs leading-4 text-foreground-muted [&_p+p]:mt-1 [&_p]:leading-4', className),
         ...props
     }));

package/dist/components/ui/aspect-ratio.cjs

@@ -27,8 +27,15 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AspectRatio: ()=>AspectRatio
 });
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_aspect_ratio_namespaceObject = require("@radix-ui/react-aspect-ratio");
-const AspectRatio = react_aspect_ratio_namespaceObject.Root;
+const external_react_namespaceObject = require("react");
+const AspectRatio = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_aspect_ratio_namespaceObject.Root, {
+        ref: ref,
+        "data-slot": "aspect-ratio",
+        ...props
+    }));
+AspectRatio.displayName = 'AspectRatio';
 exports.AspectRatio = __webpack_exports__.AspectRatio;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "AspectRatio"

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,3 +1,4 @@
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { AspectRatio };

package/dist/components/ui/aspect-ratio.js

@@ -1,4 +1,11 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-aspect-ratio";
-const AspectRatio = Root;
+import { forwardRef } from "react";
+const AspectRatio = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        "data-slot": "aspect-ratio",
+        ...props
+    }));
+AspectRatio.displayName = 'AspectRatio';
 export { AspectRatio };

package/dist/components/ui/avatar.cjs

@@ -26,26 +26,45 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AvatarFallback: ()=>AvatarFallback,
     Avatar: ()=>Avatar,
-    AvatarImage: ()=>AvatarImage
+    AvatarImage: ()=>AvatarImage,
+    avatarVariants: ()=>avatarVariants
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_avatar_namespaceObject = require("@radix-ui/react-avatar");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Avatar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Root, {
+const avatarVariants = (0, external_class_variance_authority_namespaceObject.cva)('relative flex shrink-0 overflow-hidden rounded-full', {
+    variants: {
+        size: {
+            sm: 'h-6 w-6 text-xs',
+            default: 'h-10 w-10 text-sm',
+            lg: 'h-14 w-14 text-base'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const Avatar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Root, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className),
+        "data-slot": "avatar",
+        className: (0, index_cjs_namespaceObject.cn)(avatarVariants({
+            size
+        }), className),
         ...props
     }));
 Avatar.displayName = react_avatar_namespaceObject.Root.displayName;
 const AvatarImage = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Image, {
         ref: ref,
+        "data-slot": "avatar-image",
         className: (0, index_cjs_namespaceObject.cn)('aspect-square h-full w-full', className),
         ...props
     }));
 AvatarImage.displayName = react_avatar_namespaceObject.Image.displayName;
 const AvatarFallback = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Fallback, {
         ref: ref,
+        "data-slot": "avatar-fallback",
         className: (0, index_cjs_namespaceObject.cn)('flex h-full w-full items-center justify-center rounded-full bg-muted', className),
         ...props
     }));
@@ -53,10 +72,12 @@ AvatarFallback.displayName = react_avatar_namespaceObject.Fallback.displayName;
 exports.Avatar = __webpack_exports__.Avatar;
 exports.AvatarFallback = __webpack_exports__.AvatarFallback;
 exports.AvatarImage = __webpack_exports__.AvatarImage;
+exports.avatarVariants = __webpack_exports__.avatarVariants;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Avatar",
     "AvatarFallback",
-    "AvatarImage"
+    "AvatarImage",
+    "avatarVariants"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,6 +1,12 @@
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const avatarVariants: (props?: ({
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar, AvatarImage, AvatarFallback };
+export { Avatar, AvatarImage, AvatarFallback, avatarVariants };

package/dist/components/ui/avatar.js

@@ -1,23 +1,41 @@
 import { jsx } from "react/jsx-runtime";
 import { Fallback, Image, Root } from "@radix-ui/react-avatar";
+import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const Avatar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+const avatarVariants = cva('relative flex shrink-0 overflow-hidden rounded-full', {
+    variants: {
+        size: {
+            sm: 'h-6 w-6 text-xs',
+            default: 'h-10 w-10 text-sm',
+            lg: 'h-14 w-14 text-base'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const Avatar = /*#__PURE__*/ forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
-        className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className),
+        "data-slot": "avatar",
+        className: cn(avatarVariants({
+            size
+        }), className),
         ...props
     }));
 Avatar.displayName = Root.displayName;
 const AvatarImage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Image, {
         ref: ref,
+        "data-slot": "avatar-image",
         className: cn('aspect-square h-full w-full', className),
         ...props
     }));
 AvatarImage.displayName = Image.displayName;
 const AvatarFallback = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Fallback, {
         ref: ref,
+        "data-slot": "avatar-fallback",
         className: cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className),
         ...props
     }));
 AvatarFallback.displayName = Fallback.displayName;
-export { Avatar, AvatarFallback, AvatarImage };
+export { Avatar, AvatarFallback, AvatarImage, avatarVariants };

package/dist/components/ui/badge.cjs

@@ -50,6 +50,7 @@ const badgeVariants = (0, external_class_variance_authority_namespaceObject.cva)
 });
 const Badge = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "badge",
         className: (0, index_cjs_namespaceObject.cn)(badgeVariants({
             variant
         }), className),

package/dist/components/ui/badge.js

@@ -21,6 +21,7 @@ const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 p
 });
 const Badge = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "badge",
         className: cn(badgeVariants({
             variant
         }), className),

package/dist/components/ui/breadcrumb.cjs

@@ -39,18 +39,21 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Breadcrumb = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
         ref: ref,
+        "data-slot": "breadcrumb",
         "aria-label": "breadcrumb",
         ...props
     }));
 Breadcrumb.displayName = 'Breadcrumb';
 const BreadcrumbList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
         ref: ref,
+        "data-slot": "breadcrumb-list",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className),
         ...props
     }));
 BreadcrumbList.displayName = 'BreadcrumbList';
 const BreadcrumbItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
         ref: ref,
+        "data-slot": "breadcrumb-item",
         className: (0, index_cjs_namespaceObject.cn)('inline-flex items-center gap-1.5', className),
         ...props
     }));
@@ -59,6 +62,7 @@ const BreadcrumbLink = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
     const Comp = asChild ? react_slot_namespaceObject.Slot : 'a';
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
         ref: ref,
+        "data-slot": "breadcrumb-link",
         className: (0, index_cjs_namespaceObject.cn)('transition-colors hover:text-foreground', className),
         ...props
     });
@@ -66,6 +70,7 @@ const BreadcrumbLink = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 const BreadcrumbPage = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         ref: ref,
+        "data-slot": "breadcrumb-page",
         "aria-current": "page",
         "aria-disabled": "true",
         className: (0, index_cjs_namespaceObject.cn)('font-normal text-foreground', className),
@@ -73,6 +78,7 @@ const BreadcrumbPage = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
     }));
 BreadcrumbPage.displayName = 'BreadcrumbPage';
 const BreadcrumbSeparator = ({ children, className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "data-slot": "breadcrumb-separator",
         role: "presentation",
         "aria-hidden": "true",
         className: (0, index_cjs_namespaceObject.cn)('[&>svg]:w-3.5 [&>svg]:h-3.5', className),
@@ -81,6 +87,7 @@ const BreadcrumbSeparator = ({ children, className, ...props })=>/*#__PURE__*/ (
     });
 BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
 const BreadcrumbEllipsis = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        "data-slot": "breadcrumb-ellipsis",
         role: "presentation",
         "aria-hidden": "true",
         className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-9 items-center justify-center', className),

package/dist/components/ui/breadcrumb.js

@@ -5,18 +5,21 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Breadcrumb = /*#__PURE__*/ forwardRef(({ ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
         ref: ref,
+        "data-slot": "breadcrumb",
         "aria-label": "breadcrumb",
         ...props
     }));
 Breadcrumb.displayName = 'Breadcrumb';
 const BreadcrumbList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ol", {
         ref: ref,
+        "data-slot": "breadcrumb-list",
         className: cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className),
         ...props
     }));
 BreadcrumbList.displayName = 'BreadcrumbList';
 const BreadcrumbItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
+        "data-slot": "breadcrumb-item",
         className: cn('inline-flex items-center gap-1.5', className),
         ...props
     }));
@@ -25,6 +28,7 @@ const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ asChild, className, ...props
     const Comp = asChild ? Slot : 'a';
     return /*#__PURE__*/ jsx(Comp, {
         ref: ref,
+        "data-slot": "breadcrumb-link",
         className: cn('transition-colors hover:text-foreground', className),
         ...props
     });
@@ -32,6 +36,7 @@ const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ asChild, className, ...props
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 const BreadcrumbPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
         ref: ref,
+        "data-slot": "breadcrumb-page",
         "aria-current": "page",
         "aria-disabled": "true",
         className: cn('font-normal text-foreground', className),
@@ -39,6 +44,7 @@ const BreadcrumbPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>
     }));
 BreadcrumbPage.displayName = 'BreadcrumbPage';
 const BreadcrumbSeparator = ({ children, className, ...props })=>/*#__PURE__*/ jsx("li", {
+        "data-slot": "breadcrumb-separator",
         role: "presentation",
         "aria-hidden": "true",
         className: cn('[&>svg]:w-3.5 [&>svg]:h-3.5', className),
@@ -47,6 +53,7 @@ const BreadcrumbSeparator = ({ children, className, ...props })=>/*#__PURE__*/ j
     });
 BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
 const BreadcrumbEllipsis = ({ className, ...props })=>/*#__PURE__*/ jsxs("span", {
+        "data-slot": "breadcrumb-ellipsis",
         role: "presentation",
         "aria-hidden": "true",
         className: cn('flex h-9 w-9 items-center justify-center', className),

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

@@ -34,6 +34,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const ButtonGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'horizontal', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "button-group",
         role: "group",
         "aria-label": "Button group",
         className: (0, index_cjs_namespaceObject.cn)('inline-flex', 'horizontal' === orientation ? '[&>button]:rounded-none [&>button]:border-r-0 [&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md [&>button:last-child]:border-r future:[&>button:first-child]:rounded-l-lg future:[&>button:last-child]:rounded-r-lg' : 'flex-col [&>button]:rounded-none [&>button]:border-b-0 [&>button:first-child]:rounded-t-md [&>button:last-child]:rounded-b-md [&>button:last-child]:border-b future:[&>button:first-child]:rounded-t-lg future:[&>button:last-child]:rounded-b-lg', className),
@@ -42,6 +43,7 @@ const ButtonGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ c
 ButtonGroup.displayName = 'ButtonGroup';
 const ButtonGroupSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("hr", {
         ref: ref,
+        "data-slot": "button-group-separator",
         "aria-orientation": orientation,
         "aria-label": "Separator",
         className: (0, index_cjs_namespaceObject.cn)('bg-border border-0 m-0', 'vertical' === orientation ? 'w-px self-stretch' : 'h-px self-stretch', className),
@@ -52,6 +54,7 @@ const ButtonGroupText = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
     const Comp = asChild ? react_slot_namespaceObject.Slot : 'span';
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
         ref: ref,
+        "data-slot": "button-group-text",
         className: (0, index_cjs_namespaceObject.cn)('inline-flex items-center justify-center px-3 text-sm font-medium text-muted-foreground', className),
         ...props
     });

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

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const ButtonGroup = /*#__PURE__*/ forwardRef(({ className, orientation = 'horizontal', ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "button-group",
         role: "group",
         "aria-label": "Button group",
         className: cn('inline-flex', 'horizontal' === orientation ? '[&>button]:rounded-none [&>button]:border-r-0 [&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md [&>button:last-child]:border-r future:[&>button:first-child]:rounded-l-lg future:[&>button:last-child]:rounded-r-lg' : 'flex-col [&>button]:rounded-none [&>button]:border-b-0 [&>button:first-child]:rounded-t-md [&>button:last-child]:rounded-b-md [&>button:last-child]:border-b future:[&>button:first-child]:rounded-t-lg future:[&>button:last-child]:rounded-b-lg', className),
@@ -12,6 +13,7 @@ const ButtonGroup = /*#__PURE__*/ forwardRef(({ className, orientation = 'horizo
 ButtonGroup.displayName = 'ButtonGroup';
 const ButtonGroupSeparator = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx("hr", {
         ref: ref,
+        "data-slot": "button-group-separator",
         "aria-orientation": orientation,
         "aria-label": "Separator",
         className: cn('bg-border border-0 m-0', 'vertical' === orientation ? 'w-px self-stretch' : 'h-px self-stretch', className),
@@ -22,6 +24,7 @@ const ButtonGroupText = /*#__PURE__*/ forwardRef(({ className, asChild = false,
     const Comp = asChild ? Slot : 'span';
     return /*#__PURE__*/ jsx(Comp, {
         ref: ref,
+        "data-slot": "button-group-text",
         className: cn('inline-flex items-center justify-center px-3 text-sm font-medium text-muted-foreground', className),
         ...props
     });

package/dist/components/ui/button.cjs

@@ -65,6 +65,7 @@ const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva
 const Button = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, size, icon, asChild = false, ...props }, ref)=>{
     const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        "data-slot": "button",
         className: (0, index_cjs_namespaceObject.cn)(buttonVariants({
             variant,
             size,

package/dist/components/ui/button.js

@@ -36,6 +36,7 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
 const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, icon, asChild = false, ...props }, ref)=>{
     const Comp = asChild ? Slot : 'button';
     return /*#__PURE__*/ jsx(Comp, {
+        "data-slot": "button",
         className: cn(buttonVariants({
             variant,
             size,