@uipath/apollo-wind 2.36.1 → 2.37.0

package/dist/components/ui/select.cjs

@@ -42,11 +42,26 @@ 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 Select = react_select_namespaceObject.Root;
-const SelectGroup = react_select_namespaceObject.Group;
-const SelectValue = react_select_namespaceObject.Value;
+const Select = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Root, {
+        "data-slot": "select",
+        ...props
+    });
+Select.displayName = 'Select';
+const SelectGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Group, {
+        ref: ref,
+        "data-slot": "select-group",
+        ...props
+    }));
+SelectGroup.displayName = react_select_namespaceObject.Group.displayName;
+const SelectValue = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Value, {
+        ref: ref,
+        "data-slot": "select-value",
+        ...props
+    }));
+SelectValue.displayName = react_select_namespaceObject.Value.displayName;
 const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
         ref: ref,
+        "data-slot": "select-trigger",
         className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal future:text-muted-foreground', className),
         ...props,
         children: [
@@ -62,6 +77,7 @@ const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
 SelectTrigger.displayName = react_select_namespaceObject.Trigger.displayName;
 const SelectScrollUpButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton, {
         ref: ref,
+        "data-slot": "select-scroll-up-button",
         className: (0, index_cjs_namespaceObject.cn)('flex cursor-default items-center justify-center py-1', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUp, {
@@ -71,6 +87,7 @@ const SelectScrollUpButton = /*#__PURE__*/ external_react_namespaceObject.forwar
 SelectScrollUpButton.displayName = react_select_namespaceObject.ScrollUpButton.displayName;
 const SelectScrollDownButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollDownButton, {
         ref: ref,
+        "data-slot": "select-scroll-down-button",
         className: (0, index_cjs_namespaceObject.cn)('flex cursor-default items-center justify-center py-1', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
@@ -84,6 +101,7 @@ const SelectContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
         container: resolvedContainer,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content, {
             ref: ref,
+            "data-slot": "select-content",
             className: (0, index_cjs_namespaceObject.cn)('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover 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-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
             position: position,
             ...props,
@@ -101,12 +119,14 @@ const SelectContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
 SelectContent.displayName = react_select_namespaceObject.Content.displayName;
 const SelectLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Label, {
         ref: ref,
+        "data-slot": "select-label",
         className: (0, index_cjs_namespaceObject.cn)('py-1.5 pl-8 pr-2 text-sm font-semibold', className),
         ...props
     }));
 SelectLabel.displayName = react_select_namespaceObject.Label.displayName;
 const SelectItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Item, {
         ref: ref,
+        "data-slot": "select-item",
         className: (0, index_cjs_namespaceObject.cn)('relative flex w-full 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: [
@@ -126,6 +146,7 @@ const SelectItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ cl
 SelectItem.displayName = react_select_namespaceObject.Item.displayName;
 const SelectSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Separator, {
         ref: ref,
+        "data-slot": "select-separator",
         className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-muted', className),
         ...props
     }));

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

@@ -1,9 +1,12 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Select: {
+    (props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/select.js

@@ -5,11 +5,26 @@ import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import { forwardRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
-const Select = Root;
-const SelectGroup = Group;
-const SelectValue = Value;
+const Select = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "select",
+        ...props
+    });
+Select.displayName = 'Select';
+const SelectGroup = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Group, {
+        ref: ref,
+        "data-slot": "select-group",
+        ...props
+    }));
+SelectGroup.displayName = Group.displayName;
+const SelectValue = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Value, {
+        ref: ref,
+        "data-slot": "select-value",
+        ...props
+    }));
+SelectValue.displayName = Value.displayName;
 const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
         ref: ref,
+        "data-slot": "select-trigger",
         className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal future:text-muted-foreground', className),
         ...props,
         children: [
@@ -25,6 +40,7 @@ const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props
 SelectTrigger.displayName = Trigger.displayName;
 const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollUpButton, {
         ref: ref,
+        "data-slot": "select-scroll-up-button",
         className: cn('flex cursor-default items-center justify-center py-1', className),
         ...props,
         children: /*#__PURE__*/ jsx(ChevronUp, {
@@ -34,6 +50,7 @@ const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props },
 SelectScrollUpButton.displayName = ScrollUpButton.displayName;
 const SelectScrollDownButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollDownButton, {
         ref: ref,
+        "data-slot": "select-scroll-down-button",
         className: cn('flex cursor-default items-center justify-center py-1', className),
         ...props,
         children: /*#__PURE__*/ jsx(ChevronDown, {
@@ -47,6 +64,7 @@ const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position
         container: resolvedContainer,
         children: /*#__PURE__*/ jsxs(Content, {
             ref: ref,
+            "data-slot": "select-content",
             className: cn('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover 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-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
             position: position,
             ...props,
@@ -64,12 +82,14 @@ const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position
 SelectContent.displayName = Content.displayName;
 const SelectLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
         ref: ref,
+        "data-slot": "select-label",
         className: cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className),
         ...props
     }));
 SelectLabel.displayName = Label.displayName;
 const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Item, {
         ref: ref,
+        "data-slot": "select-item",
         className: cn('relative flex w-full 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: [
@@ -89,6 +109,7 @@ const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props },
 SelectItem.displayName = Item.displayName;
 const SelectSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
+        "data-slot": "select-separator",
         className: cn('-mx-1 my-1 h-px bg-muted', className),
         ...props
     }));

package/dist/components/ui/separator.cjs

@@ -32,6 +32,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Separator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_separator_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "separator",
         decorative: decorative,
         orientation: orientation,
         className: (0, index_cjs_namespaceObject.cn)('shrink-0 bg-border', 'horizontal' === orientation ? 'h-[1px] w-full' : 'h-full w-[1px]', className),

package/dist/components/ui/separator.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Separator = /*#__PURE__*/ forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
+        "data-slot": "separator",
         decorative: decorative,
         orientation: orientation,
         className: cn('shrink-0 bg-border', 'horizontal' === orientation ? 'h-[1px] w-full' : 'h-full w-[1px]', className),

package/dist/components/ui/sheet.cjs

@@ -43,12 +43,31 @@ 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 Sheet = react_dialog_namespaceObject.Root;
-const SheetTrigger = react_dialog_namespaceObject.Trigger;
-const SheetClose = react_dialog_namespaceObject.Close;
-const SheetPortal = react_dialog_namespaceObject.Portal;
+const Sheet = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
+        "data-slot": "sheet",
+        ...props
+    });
+Sheet.displayName = 'Sheet';
+const SheetTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "sheet-trigger",
+        ...props
+    }));
+SheetTrigger.displayName = react_dialog_namespaceObject.Trigger.displayName;
+const SheetClose = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close, {
+        ref: ref,
+        "data-slot": "sheet-close",
+        ...props
+    }));
+SheetClose.displayName = react_dialog_namespaceObject.Close.displayName;
+const SheetPortal = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Portal, {
+        "data-slot": "sheet-portal",
+        ...props
+    });
+SheetPortal.displayName = 'SheetPortal';
 const SheetOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_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": "sheet-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
     }));
@@ -74,6 +93,7 @@ const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SheetOverlay, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
                 ref: ref,
+                "data-slot": "sheet-content",
                 className: (0, index_cjs_namespaceObject.cn)(sheetVariants({
                     side
                 }), className),
@@ -99,23 +119,27 @@ const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
 });
 SheetContent.displayName = react_dialog_namespaceObject.Content.displayName;
 const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sheet-header",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-2 text-center sm:text-left', className),
         ...props
     });
 SheetHeader.displayName = 'SheetHeader';
 const SheetFooter = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sheet-footer",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
         ...props
     });
 SheetFooter.displayName = 'SheetFooter';
 const SheetTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
         ref: ref,
+        "data-slot": "sheet-title",
         className: (0, index_cjs_namespaceObject.cn)('text-lg font-semibold text-foreground', className),
         ...props
     }));
 SheetTitle.displayName = react_dialog_namespaceObject.Title.displayName;
 const SheetDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description, {
         ref: ref,
+        "data-slot": "sheet-description",
         className: (0, index_cjs_namespaceObject.cn)('text-sm text-muted-foreground', className),
         ...props
     }));

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

@@ -2,10 +2,16 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
-declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
-declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const Sheet: {
+    (props: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTrigger: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: {
+    (props: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;

package/dist/components/ui/sheet.js

@@ -6,12 +6,31 @@ import { X } from "lucide-react";
 import { forwardRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
-const Sheet = Root;
-const SheetTrigger = Trigger;
-const SheetClose = Close;
-const SheetPortal = Portal;
+const Sheet = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "sheet",
+        ...props
+    });
+Sheet.displayName = 'Sheet';
+const SheetTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        "data-slot": "sheet-trigger",
+        ...props
+    }));
+SheetTrigger.displayName = Trigger.displayName;
+const SheetClose = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Close, {
+        ref: ref,
+        "data-slot": "sheet-close",
+        ...props
+    }));
+SheetClose.displayName = Close.displayName;
+const SheetPortal = (props)=>/*#__PURE__*/ jsx(Portal, {
+        "data-slot": "sheet-portal",
+        ...props
+    });
+SheetPortal.displayName = 'SheetPortal';
 const SheetOverlay = /*#__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": "sheet-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
     }));
@@ -37,6 +56,7 @@ const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, chil
             /*#__PURE__*/ jsx(SheetOverlay, {}),
             /*#__PURE__*/ jsxs(Content, {
                 ref: ref,
+                "data-slot": "sheet-content",
                 className: cn(sheetVariants({
                     side
                 }), className),
@@ -62,23 +82,27 @@ const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, chil
 });
 SheetContent.displayName = Content.displayName;
 const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        "data-slot": "sheet-header",
         className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
         ...props
     });
 SheetHeader.displayName = 'SheetHeader';
 const SheetFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        "data-slot": "sheet-footer",
         className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
         ...props
     });
 SheetFooter.displayName = 'SheetFooter';
 const SheetTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
         ref: ref,
+        "data-slot": "sheet-title",
         className: cn('text-lg font-semibold text-foreground', className),
         ...props
     }));
 SheetTitle.displayName = Title.displayName;
 const SheetDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
         ref: ref,
+        "data-slot": "sheet-description",
         className: cn('text-sm text-muted-foreground', className),
         ...props
     }));

package/dist/components/ui/skeleton.cjs

@@ -30,6 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 function Skeleton({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "skeleton",
         className: (0, index_cjs_namespaceObject.cn)('animate-pulse rounded-md bg-surface-overlay', className),
         ...props
     });

package/dist/components/ui/skeleton.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/index.js";
 function Skeleton({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
+        "data-slot": "skeleton",
         className: cn('animate-pulse rounded-md bg-surface-overlay', className),
         ...props
     });

package/dist/components/ui/slider.cjs

@@ -34,6 +34,7 @@ const Slider = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
     const thumbCount = value?.length ?? defaultValue?.length ?? 1;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_slider_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "slider",
         className: (0, index_cjs_namespaceObject.cn)('relative flex w-full touch-none select-none items-center min-h-5', className),
         defaultValue: defaultValue,
         value: value,

package/dist/components/ui/slider.js

@@ -6,6 +6,7 @@ const Slider = /*#__PURE__*/ forwardRef(({ className, defaultValue, value, ...pr
     const thumbCount = value?.length ?? defaultValue?.length ?? 1;
     return /*#__PURE__*/ jsxs(Root, {
         ref: ref,
+        "data-slot": "slider",
         className: cn('relative flex w-full touch-none select-none items-center min-h-5', className),
         defaultValue: defaultValue,
         value: value,

package/dist/components/ui/sonner.cjs

@@ -35,6 +35,7 @@ const external_sonner_namespaceObject = require("sonner");
 const Toaster = ({ ...props })=>{
     const { theme = 'system' } = (0, external_next_themes_namespaceObject.useTheme)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_sonner_namespaceObject.Toaster, {
+        "data-slot": "sonner",
         theme: theme,
         className: "toaster group",
         icons: {

package/dist/components/ui/sonner.js

@@ -6,6 +6,7 @@ import { Toaster, toast } from "sonner";
 const sonner_Toaster = ({ ...props })=>{
     const { theme = 'system' } = useTheme();
     return /*#__PURE__*/ jsx(Toaster, {
+        "data-slot": "sonner",
         theme: theme,
         className: "toaster group",
         icons: {

package/dist/components/ui/spinner.cjs

@@ -53,6 +53,7 @@ const spinnerVariants = (0, external_class_variance_authority_namespaceObject.cv
 });
 const Spinner = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, variant, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ref: ref,
+        "data-slot": "spinner",
         role: "status",
         "aria-label": label,
         className: (0, index_cjs_namespaceObject.cn)('flex items-center justify-center gap-2', className),

package/dist/components/ui/spinner.js

@@ -24,6 +24,7 @@ const spinnerVariants = cva('animate-spin', {
 });
 const Spinner = /*#__PURE__*/ forwardRef(({ className, size, variant, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
         ref: ref,
+        "data-slot": "spinner",
         role: "status",
         "aria-label": label,
         className: cn('flex items-center justify-center gap-2', className),

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

@@ -24,27 +24,39 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    StatsCard: ()=>StatsCard
+    StatsCard: ()=>StatsCard,
+    statsCardVariants: ()=>statsCardVariants
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_card_cjs_namespaceObject = require("./card.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const StatsCard = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ title, value, description, icon, trend, variant = 'default', className, ...props }, ref)=>{
-    const variantStyles = {
-        default: '',
-        primary: 'border-primary/20 bg-primary/5',
-        success: 'border-green-500/20 bg-green-500/5',
-        warning: 'border-yellow-500/20 bg-yellow-500/5',
-        danger: 'border-red-500/20 bg-red-500/5'
-    };
+const statsCardVariants = (0, external_class_variance_authority_namespaceObject.cva)('', {
+    variants: {
+        variant: {
+            default: '',
+            primary: 'border-primary/20 bg-primary/5',
+            success: 'border-success/20 bg-success/5',
+            warning: 'border-warning/20 bg-warning/5',
+            danger: 'border-error/20 bg-error/5'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const StatsCard = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ title, value, description, icon, trend, variant, className, ...props }, ref)=>{
     const trendDirection = trend?.direction || (trend && trend.value >= 0 ? 'up' : 'down');
     const TrendIcon = 'up' === trendDirection ? external_lucide_react_namespaceObject.TrendingUp : external_lucide_react_namespaceObject.TrendingDown;
-    const trendColorClass = 'up' === trendDirection ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400';
+    const trendColorClass = 'up' === trendDirection ? 'text-success' : 'text-error';
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_card_cjs_namespaceObject.Card, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)(variantStyles[variant], className),
+        "data-slot": "stats-card",
+        className: (0, index_cjs_namespaceObject.cn)(statsCardVariants({
+            variant
+        }), className),
         ...props,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_card_cjs_namespaceObject.CardHeader, {
@@ -94,8 +106,10 @@ const StatsCard = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ tit
 });
 StatsCard.displayName = 'StatsCard';
 exports.StatsCard = __webpack_exports__.StatsCard;
+exports.statsCardVariants = __webpack_exports__.statsCardVariants;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "StatsCard"
+    "StatsCard",
+    "statsCardVariants"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,5 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-export interface StatsCardProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const statsCardVariants: (props?: ({
+    variant?: "default" | "warning" | "success" | "primary" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatsCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statsCardVariants> {
     title: string;
     value: string | number;
     description?: string;
@@ -9,7 +13,6 @@ export interface StatsCardProps extends React.HTMLAttributes<HTMLDivElement> {
         label?: string;
         direction?: 'up' | 'down';
     };
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
 }
 declare const StatsCard: React.ForwardRefExoticComponent<StatsCardProps & React.RefAttributes<HTMLDivElement>>;
-export { StatsCard };
+export { StatsCard, statsCardVariants };

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

@@ -1,22 +1,33 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { TrendingDown, TrendingUp } from "lucide-react";
 import { forwardRef } from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "./card.js";
 import { cn } from "../../lib/index.js";
-const StatsCard = /*#__PURE__*/ forwardRef(({ title, value, description, icon, trend, variant = 'default', className, ...props }, ref)=>{
-    const variantStyles = {
-        default: '',
-        primary: 'border-primary/20 bg-primary/5',
-        success: 'border-green-500/20 bg-green-500/5',
-        warning: 'border-yellow-500/20 bg-yellow-500/5',
-        danger: 'border-red-500/20 bg-red-500/5'
-    };
+const statsCardVariants = cva('', {
+    variants: {
+        variant: {
+            default: '',
+            primary: 'border-primary/20 bg-primary/5',
+            success: 'border-success/20 bg-success/5',
+            warning: 'border-warning/20 bg-warning/5',
+            danger: 'border-error/20 bg-error/5'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const StatsCard = /*#__PURE__*/ forwardRef(({ title, value, description, icon, trend, variant, className, ...props }, ref)=>{
     const trendDirection = trend?.direction || (trend && trend.value >= 0 ? 'up' : 'down');
     const TrendIcon = 'up' === trendDirection ? TrendingUp : TrendingDown;
-    const trendColorClass = 'up' === trendDirection ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400';
+    const trendColorClass = 'up' === trendDirection ? 'text-success' : 'text-error';
     return /*#__PURE__*/ jsxs(Card, {
         ref: ref,
-        className: cn(variantStyles[variant], className),
+        "data-slot": "stats-card",
+        className: cn(statsCardVariants({
+            variant
+        }), className),
         ...props,
         children: [
             /*#__PURE__*/ jsxs(CardHeader, {
@@ -65,4 +76,4 @@ const StatsCard = /*#__PURE__*/ forwardRef(({ title, value, description, icon, t
     });
 });
 StatsCard.displayName = 'StatsCard';
-export { StatsCard };
+export { StatsCard, statsCardVariants };

package/dist/components/ui/stepper.cjs

@@ -32,6 +32,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Stepper = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ steps, currentStep, orientation = 'horizontal', onStepClick, clickableSteps = false, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "stepper",
         className: (0, index_cjs_namespaceObject.cn)('flex', 'horizontal' === orientation ? 'flex-row items-start' : 'flex-col', className),
         ...props,
         children: steps.map((step, index)=>{

package/dist/components/ui/stepper.js

@@ -4,6 +4,7 @@ import { Fragment, forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Stepper = /*#__PURE__*/ forwardRef(({ steps, currentStep, orientation = 'horizontal', onStepClick, clickableSteps = false, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "stepper",
         className: cn('flex', 'horizontal' === orientation ? 'flex-row items-start' : 'flex-col', className),
         ...props,
         children: steps.map((step, index)=>{

package/dist/components/ui/switch.cjs

@@ -55,6 +55,7 @@ const switchThumbVariants = (0, external_class_variance_authority_namespaceObjec
     }
 });
 const Switch = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
+        "data-slot": "switch",
         className: (0, index_cjs_namespaceObject.cn)(switchVariants({
             size
         }), className),

package/dist/components/ui/switch.js

@@ -26,6 +26,7 @@ const switchThumbVariants = cva('pointer-events-none block rounded-full bg-backg
     }
 });
 const Switch = /*#__PURE__*/ forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "switch",
         className: cn(switchVariants({
             size
         }), className),