@akira-io/ui 1.1.0 → 1.2.0

package/dist/{chunk-MNGNBEYN.js → chunk-3HKIYFWI.js}

@@ -1,6 +1,5 @@
-import { Separator } from './chunk-UUEWFCKT.js';
-import { Input } from './chunk-6X4TKSF6.js';
-import { cn, menuSurface, focusRing, floatingSurface, Button } from './chunk-DSD7MVLL.js';
+import { Input, Separator } from './chunk-UTSTTTH5.js';
+import { cn, menuSurface, focusRing, floatingSurface, Button } from './chunk-I5UZAJB4.js';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, CircleIcon, ChevronRightIcon, ChevronRight, MoreHorizontal, XIcon, PanelLeftIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -15,85 +14,73 @@ import { cva } from 'class-variance-authority';
 
 function DropdownMenu({
   modal = false,
+  slotName = "dropdown-menu",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Root,
     {
-      "data-slot": "dropdown-menu",
       modal,
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function DropdownMenuPortal({
+  slotName = "dropdown-menu-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Portal,
-    {
-      "data-slot": "dropdown-menu-portal",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function DropdownMenuTrigger({
+  slotName = "dropdown-menu-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function DropdownMenuContent({
   className,
   sideOffset = 4,
+  slotName = "dropdown-menu-content",
   ...props
 }) {
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
-      "data-slot": "dropdown-menu-content",
       sideOffset,
       className: cn(
         `${menuSurface} 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 p-1.5 z-50 min-w-[8rem] overflow-hidden`,
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   ) });
 }
 function DropdownMenuGroup({
+  slotName = "dropdown-menu-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Group,
-    {
-      "data-slot": "dropdown-menu-group",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { ...props, "data-slot": slotName });
 }
 function DropdownMenuItem({
   className,
   inset,
   variant = "default",
+  slotName = "dropdown-menu-item",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     {
-      "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
         "font-medium gap-2 rounded-xl px-2 py-2 text-sm data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-5 focus:font-semibold relative flex cursor-default items-center outline-hidden transition-all select-none focus:bg-primary/10 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:!text-destructive",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
@@ -101,18 +88,19 @@ function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
+  slotName = "dropdown-menu-checkbox-item",
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
     {
-      "data-slot": "dropdown-menu-checkbox-item",
       className: cn(
         "gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 rounded-xl relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       checked,
       ...props,
+      "data-slot": slotName,
       children: [
         /* @__PURE__ */ jsx("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         children
@@ -121,30 +109,26 @@ function DropdownMenuCheckboxItem({
   );
 }
 function DropdownMenuRadioGroup({
+  slotName = "dropdown-menu-radio-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { ...props, "data-slot": slotName });
 }
 function DropdownMenuRadioItem({
   className,
   children,
+  slotName = "dropdown-menu-radio-item",
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
     {
-      "data-slot": "dropdown-menu-radio-item",
       className: cn(
         "gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 rounded-xl relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
+      "data-slot": slotName,
       children: [
         /* @__PURE__ */ jsx("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
@@ -155,71 +139,76 @@ function DropdownMenuRadioItem({
 function DropdownMenuLabel({
   className,
   inset,
+  slotName = "dropdown-menu-label",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Label,
     {
-      "data-slot": "dropdown-menu-label",
       "data-inset": inset,
       className: cn(
         "px-2 py-2 text-xs font-medium tracking-wider data-[inset]:pl-8 text-muted-foreground uppercase",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function DropdownMenuSeparator({
   className,
+  slotName = "dropdown-menu-separator",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
     {
-      "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function DropdownMenuShortcut({
   className,
+  slotName = "dropdown-menu-shortcut",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "span",
     {
-      "data-slot": "dropdown-menu-shortcut",
       className: cn(
         "text-xs tracking-widest ml-auto text-muted-foreground",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function DropdownMenuSub({
+  slotName = "dropdown-menu-sub",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props, "data-slot": slotName });
 }
 function DropdownMenuSubTrigger({
   className,
   inset,
   children,
+  slotName = "dropdown-menu-sub-trigger",
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.SubTrigger,
     {
-      "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
       className: cn(
         "font-medium rounded-xl px-2 py-2 text-sm data-[inset]:pl-8 focus:font-semibold data-[state=open]:font-semibold flex cursor-default items-center outline-hidden transition-all select-none focus:bg-primary/10 focus:text-primary data-[state=open]:bg-primary/10 data-[state=open]:text-primary",
         className
       ),
       ...props,
+      "data-slot": slotName,
       children: [
         children,
         /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 ml-auto" })
@@ -229,144 +218,165 @@ function DropdownMenuSubTrigger({
 }
 function DropdownMenuSubContent({
   className,
+  slotName = "dropdown-menu-sub-content",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
-      "data-slot": "dropdown-menu-sub-content",
       className: cn(
         `${menuSurface} 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 p-1.5 z-50 min-w-[8rem] overflow-hidden`,
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function Avatar({
   className,
+  slotName = "avatar",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
     {
-      "data-slot": "avatar",
       className: cn(
         "size-8 relative flex shrink-0 overflow-hidden rounded-full",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function AvatarImage({
   className,
+  slotName = "avatar-image",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Image,
     {
-      "data-slot": "avatar-image",
       className: cn("aspect-square size-full", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function AvatarFallback({
   className,
+  slotName = "avatar-fallback",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Fallback,
     {
-      "data-slot": "avatar-fallback",
       className: cn(
         "flex size-full items-center justify-center rounded-full bg-muted",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+function Breadcrumb({
+  slotName = "breadcrumb",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", ...props, "data-slot": slotName });
 }
-function BreadcrumbList({ className, ...props }) {
+function BreadcrumbList({
+  className,
+  slotName = "breadcrumb-list",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "ol",
     {
-      "data-slot": "breadcrumb-list",
       className: cn(
         "gap-1.5 text-sm sm:gap-2.5 flex flex-wrap items-center break-words text-muted-foreground",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function BreadcrumbItem({ className, ...props }) {
+function BreadcrumbItem({
+  className,
+  slotName = "breadcrumb-item",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "li",
     {
-      "data-slot": "breadcrumb-item",
       className: cn("gap-1.5 inline-flex items-center", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function BreadcrumbLink({
   asChild,
   className,
+  slotName = "breadcrumb-link",
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
     {
-      "data-slot": "breadcrumb-link",
       className: cn("transition-colors hover:text-foreground", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function BreadcrumbPage({ className, ...props }) {
+function BreadcrumbPage({
+  className,
+  slotName = "breadcrumb-page",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "span",
     {
-      "data-slot": "breadcrumb-page",
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
       className: cn("font-semibold text-foreground", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function BreadcrumbSeparator({
   children,
   className,
+  slotName = "breadcrumb-separator",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "li",
     {
-      "data-slot": "breadcrumb-separator",
       role: "presentation",
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
+      "data-slot": slotName,
       children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
     }
   );
 }
 function BreadcrumbEllipsis({
   className,
+  slotName = "breadcrumb-ellipsis",
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
     "span",
     {
-      "data-slot": "breadcrumb-ellipsis",
       role: "presentation",
       "aria-hidden": "true",
       className: cn(
@@ -374,6 +384,7 @@ function BreadcrumbEllipsis({
         className
       ),
       ...props,
+      "data-slot": slotName,
       children: [
         /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
@@ -382,29 +393,32 @@ function BreadcrumbEllipsis({
   );
 }
 function Collapsible({
+  slotName = "collapsible",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { ...props, "data-slot": slotName });
 }
 function CollapsibleTrigger2({
+  slotName = "collapsible-trigger",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
-      "data-slot": "collapsible-trigger",
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function CollapsibleContent2({
+  slotName = "collapsible-content",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.CollapsibleContent,
     {
-      "data-slot": "collapsible-content",
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
@@ -417,6 +431,7 @@ function Icon({ iconNode: IconComponent, className }) {
 function Sheet({
   preserveScroll = false,
   onOpenChange: onOpenChangeProp,
+  slotName = "sheet",
   ...props
 }) {
   const scrollPosition = React2.useRef(0);
@@ -435,40 +450,44 @@ function Sheet({
   return /* @__PURE__ */ jsx(
     SheetPrimitive.Root,
     {
-      "data-slot": "sheet",
       ...props,
-      onOpenChange
+      onOpenChange,
+      "data-slot": slotName
     }
   );
 }
 function SheetTrigger({
+  slotName = "sheet-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function SheetClose({
+  slotName = "sheet-close",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { ...props, "data-slot": slotName });
 }
 function SheetPortal({
+  slotName = "sheet-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function SheetOverlay({
   className,
+  slotName = "sheet-overlay",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     SheetPrimitive.Overlay,
     {
-      "data-slot": "sheet-overlay",
       className: cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 inset-0 bg-black/60 backdrop-blur-sm fixed z-50",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
@@ -476,6 +495,7 @@ function SheetContent({
   className,
   children,
   side = "right",
+  slotName = "sheet-content",
   ...props
 }) {
   return /* @__PURE__ */ jsxs(SheetPortal, { children: [
@@ -483,7 +503,6 @@ function SheetContent({
     /* @__PURE__ */ jsxs(
       SheetPrimitive.Content,
       {
-        "data-slot": "sheet-content",
         className: cn(
           `${floatingSurface} data-[state=open]:animate-in data-[state=closed]:animate-out gap-4 ease-in-out fixed z-50 flex flex-col transition data-[state=closed]:duration-300 data-[state=open]:duration-500`,
           side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 sm:max-w-sm rounded-l-3xl h-full w-3/4 border-l border-border",
@@ -493,6 +512,7 @@ function SheetContent({
           className
         ),
         ...props,
+        "data-slot": slotName,
         children: [
           children,
           /* @__PURE__ */ jsxs(
@@ -513,101 +533,119 @@ function SheetContent({
     )
   ] });
 }
-function SheetHeader({ className, ...props }) {
+function SheetHeader({
+  className,
+  slotName = "sheet-header",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sheet-header",
       className: cn("gap-1.5 p-4 flex flex-col", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function SheetFooter({ className, ...props }) {
+function SheetFooter({
+  className,
+  slotName = "sheet-footer",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sheet-footer",
       className: cn("gap-2 p-4 mt-auto flex flex-col", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SheetTitle({
   className,
+  slotName = "sheet-title",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     SheetPrimitive.Title,
     {
-      "data-slot": "sheet-title",
       className: cn("font-semibold text-foreground", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SheetDescription({
   className,
+  slotName = "sheet-description",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     SheetPrimitive.Description,
     {
-      "data-slot": "sheet-description",
       className: cn("text-sm text-muted-foreground", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function Skeleton({ className, ...props }) {
+function Skeleton({
+  className,
+  slotName = "skeleton",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "skeleton",
       className: cn("animate-pulse rounded-xl bg-muted", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function TooltipProvider({
   delayDuration = 0,
+  slotName = "tooltip-provider",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     TooltipPrimitive.Provider,
     {
-      "data-slot": "tooltip-provider",
       delayDuration,
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function Tooltip({
+  slotName = "tooltip",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props, "data-slot": slotName }) });
 }
 function TooltipTrigger({
+  slotName = "tooltip-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function TooltipContent({
   className,
   sideOffset = 4,
   children,
+  slotName = "tooltip-content",
   ...props
 }) {
   return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {
-      "data-slot": "tooltip-content",
       sideOffset,
       className: cn(
         "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-w-sm px-3 py-1.5 text-xs shadow-2xl rounded-xl z-50 bg-primary text-primary-foreground",
         className
       ),
       ...props,
+      "data-slot": slotName,
       children: [
         children,
         /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "size-2.5 z-50 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
@@ -652,6 +690,7 @@ function SidebarProvider({
   className,
   style,
   children,
+  slotName = "sidebar-wrapper",
   ...props
 }) {
   const isMobile = useIsMobile();
@@ -707,7 +746,6 @@ function SidebarProvider({
   return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-wrapper",
       style: {
         "--sidebar-width": SIDEBAR_WIDTH,
         "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
@@ -718,6 +756,7 @@ function SidebarProvider({
         className
       ),
       ...props,
+      "data-slot": slotName,
       children
     }
   ) }) });
@@ -728,6 +767,7 @@ function Sidebar({
   collapsible = "offcanvas",
   className,
   children,
+  slotName = "sidebar",
   ...props
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
@@ -735,12 +775,12 @@ function Sidebar({
     return /* @__PURE__ */ jsx(
       "div",
       {
-        "data-slot": "sidebar",
         className: cn(
           "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
           className
         ),
         ...props,
+        "data-slot": slotName,
         children
       }
     );
@@ -762,13 +802,13 @@ function Sidebar({
             SheetContent,
             {
               "data-sidebar": "sidebar",
-              "data-slot": "sidebar",
               "data-mobile": "true",
               className: "p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground [&>button]:hidden",
               style: {
                 "--sidebar-width": SIDEBAR_WIDTH_MOBILE
               },
               side,
+              slotName,
               children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
             }
           )
@@ -784,7 +824,7 @@ function Sidebar({
       "data-collapsible": state === "collapsed" ? collapsible : "",
       "data-variant": variant,
       "data-side": side,
-      "data-slot": "sidebar",
+      "data-slot": slotName,
       children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -825,6 +865,7 @@ function Sidebar({
 function SidebarTrigger({
   className,
   onClick,
+  slotName = "sidebar-trigger",
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
@@ -832,7 +873,6 @@ function SidebarTrigger({
     Button,
     {
       "data-sidebar": "trigger",
-      "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
       className: cn("h-7 w-7", className),
@@ -841,6 +881,7 @@ function SidebarTrigger({
         toggleSidebar();
       },
       ...props,
+      slotName,
       children: [
         /* @__PURE__ */ jsx(PanelLeftIcon, {}),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
@@ -848,13 +889,16 @@ function SidebarTrigger({
     }
   );
 }
-function SidebarRail({ className, ...props }) {
+function SidebarRail({
+  className,
+  slotName = "sidebar-rail",
+  ...props
+}) {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsx(
     "button",
     {
       "data-sidebar": "rail",
-      "data-slot": "sidebar-rail",
       "aria-label": "Toggle Sidebar",
       tabIndex: -1,
       onClick: toggleSidebar,
@@ -868,182 +912,225 @@ function SidebarRail({ className, ...props }) {
         "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function SidebarInset({ className, ...props }) {
+function SidebarInset({
+  className,
+  slotName = "sidebar-inset",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "main",
     {
-      "data-slot": "sidebar-inset",
       className: cn(
         "relative flex min-h-svh max-w-full flex-1 flex-col bg-background",
         "peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-0",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarInput({
   className,
+  slotName = "sidebar-input",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     Input,
     {
-      "data-slot": "sidebar-input",
       "data-sidebar": "input",
       className: cn("h-11 w-full bg-background shadow-none", className),
-      ...props
+      ...props,
+      slotName
     }
   );
 }
-function SidebarHeader({ className, ...props }) {
+function SidebarHeader({
+  className,
+  slotName = "sidebar-header",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: cn("gap-2 p-2 flex flex-col", className),
-      ...props
+      className: cn(
+        "gap-2 p-2 group-data-[collapsible=icon]:px-0 flex flex-col",
+        className
+      ),
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function SidebarFooter({ className, ...props }) {
+function SidebarFooter({
+  className,
+  slotName = "sidebar-footer",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: cn("gap-2 p-2 flex flex-col", className),
-      ...props
+      className: cn(
+        "gap-2 p-2 group-data-[collapsible=icon]:px-0 flex flex-col",
+        className
+      ),
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarSeparator({
   className,
+  slotName = "sidebar-separator",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     Separator,
     {
-      "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
       className: cn("mx-2 w-auto bg-sidebar-border", className),
-      ...props
+      ...props,
+      slotName
     }
   );
 }
-function SidebarContent({ className, ...props }) {
+function SidebarContent({
+  className,
+  slotName = "sidebar-content",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-content",
       "data-sidebar": "content",
       className: cn(
         "min-h-0 gap-2 flex flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function SidebarGroup({ className, ...props }) {
+function SidebarGroup({
+  className,
+  slotName = "sidebar-group",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-group",
       "data-sidebar": "group",
       className: cn(
-        "min-w-0 p-2 relative flex w-full flex-col",
+        "min-w-0 p-2 group-data-[collapsible=icon]:px-0 relative flex w-full flex-col",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarGroupLabel({
   className,
   asChild = false,
+  slotName = "sidebar-group-label",
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
     {
-      "data-slot": "sidebar-group-label",
       "data-sidebar": "group-label",
       className: cn(
-        "h-8 rounded-xl px-2 text-xs font-medium tracking-wider [&>svg]:size-4 flex shrink-0 items-center text-sidebar-foreground/70 uppercase ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:shrink-0",
+        "h-8 rounded-xl px-2 text-xs font-medium tracking-wider [&>svg]:size-4 flex shrink-0 items-center text-sidebar-foreground/70 uppercase ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring focus-visible:outline-solid [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:opacity-0 group-data-[collapsible=icon]:select-none",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarGroupAction({
   className,
   asChild = false,
+  slotName = "sidebar-group-action",
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
     {
-      "data-slot": "sidebar-group-action",
       "data-sidebar": "group-action",
       className: cn(
-        "top-3.5 right-3 w-5 p-0 [&>svg]:size-4 rounded-xl absolute flex aspect-square items-center justify-center text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:shrink-0",
+        "top-3.5 right-3 w-5 p-0 [&>svg]:size-4 rounded-xl absolute flex aspect-square items-center justify-center text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring focus-visible:outline-solid [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:-inset-2 md:after:hidden after:absolute",
         "group-data-[collapsible=icon]:hidden",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarGroupContent({
   className,
+  slotName = "sidebar-group-content",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
       className: cn("text-sm w-full", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function SidebarMenu({ className, ...props }) {
+function SidebarMenu({
+  className,
+  slotName = "sidebar-menu",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "ul",
     {
-      "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: cn("min-w-0 gap-1 flex w-full flex-col", className),
-      ...props
+      className: cn(
+        "min-w-0 gap-1 flex w-full flex-col group-data-[collapsible=icon]:items-center",
+        className
+      ),
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function SidebarMenuItem({ className, ...props }) {
+function SidebarMenuItem({
+  className,
+  slotName = "sidebar-menu-item",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "li",
     {
-      "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
       className: cn("group/menu-item relative", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 var sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-xl p-2.5 text-left text-sm font-medium outline-hidden ring-sidebar-ring transition-all hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-primary/10 data-[active=true]:font-semibold data-[active=true]:text-primary group-data-[collapsible=icon]:size-10! group-data-[collapsible=icon]:p-3! [&>span:last-child]:truncate [&>svg]:size-5 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-xl p-2.5 text-left text-sm font-medium outline-hidden ring-sidebar-ring transition-all hover:bg-accent hover:text-accent-foreground focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-primary/10 data-[active=true]:font-semibold data-[active=true]:text-primary group-data-[collapsible=icon]:size-10! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:p-2.5! [&>span:last-child]:truncate group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>svg]:size-5 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -1053,7 +1140,7 @@ var sidebarMenuButtonVariants = cva(
       size: {
         default: "h-11 text-sm",
         sm: "h-9 text-sm",
-        lg: "h-14 text-sm group-data-[collapsible=icon]:p-0!"
+        lg: "h-14 text-sm"
       }
     },
     defaultVariants: {
@@ -1069,6 +1156,7 @@ function SidebarMenuButton({
   size = "default",
   tooltip,
   className,
+  slotName = "sidebar-menu-button",
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
@@ -1076,7 +1164,6 @@ function SidebarMenuButton({
   const button = /* @__PURE__ */ jsx(
     Comp,
     {
-      "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": size,
       "data-active": isActive,
@@ -1084,7 +1171,8 @@ function SidebarMenuButton({
         sidebarMenuButtonVariants({ variant, size }),
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
   if (!tooltip) {
@@ -1112,16 +1200,16 @@ function SidebarMenuAction({
   className,
   asChild = false,
   showOnHover = false,
+  slotName = "sidebar-menu-action",
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
     {
-      "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
       className: cn(
-        "top-1.5 right-1 w-5 p-0 [&>svg]:size-4 rounded-xl absolute flex aspect-square items-center justify-center text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:shrink-0",
+        "top-1.5 right-1 w-5 p-0 [&>svg]:size-4 rounded-xl absolute flex aspect-square items-center justify-center text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring focus-visible:outline-solid [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:-inset-2 md:after:hidden after:absolute",
         "peer-data-[size=sm]/menu-button:top-1",
@@ -1131,18 +1219,19 @@ function SidebarMenuAction({
         showOnHover && "md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarMenuBadge({
   className,
+  slotName = "sidebar-menu-badge",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
       className: cn(
         "right-1 h-5 min-w-5 px-1 text-xs font-medium rounded-xl pointer-events-none absolute flex items-center justify-center text-sidebar-foreground tabular-nums select-none",
@@ -1153,13 +1242,15 @@ function SidebarMenuBadge({
         "group-data-[collapsible=icon]:hidden",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarMenuSkeleton({
   className,
   showIcon = false,
+  slotName = "sidebar-menu-skeleton",
   ...props
 }) {
   const width = React2.useMemo(() => {
@@ -1168,13 +1259,13 @@ function SidebarMenuSkeleton({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "data-slot": "sidebar-menu-skeleton",
       "data-sidebar": "menu-skeleton",
       className: cn(
         "h-8 gap-2 px-2 rounded-xl flex items-center",
         className
       ),
       ...props,
+      "data-slot": slotName,
       children: [
         showIcon && /* @__PURE__ */ jsx(
           Skeleton,
@@ -1197,32 +1288,37 @@ function SidebarMenuSkeleton({
     }
   );
 }
-function SidebarMenuSub({ className, ...props }) {
+function SidebarMenuSub({
+  className,
+  slotName = "sidebar-menu-sub",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "ul",
     {
-      "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
       className: cn(
         "mx-3.5 min-w-0 gap-1 px-2.5 py-0.5 flex translate-x-px flex-col border-l border-sidebar-border",
         "group-data-[collapsible=icon]:hidden",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 function SidebarMenuSubItem({
   className,
+  slotName = "sidebar-menu-sub-item",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "li",
     {
-      "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
       className: cn("group/menu-sub-item relative", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
@@ -1231,29 +1327,30 @@ function SidebarMenuSubButton({
   size = "md",
   isActive = false,
   className,
+  slotName = "sidebar-menu-sub-button",
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
     {
-      "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
       "data-size": size,
       "data-active": isActive,
       className: cn(
-        "h-9 min-w-0 gap-2 px-2 text-sm font-medium [&>svg]:size-4 rounded-xl flex -translate-x-px items-center overflow-hidden text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 active:bg-accent disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-current",
+        "h-9 min-w-0 gap-2 px-2 text-sm font-medium [&>svg]:size-4 rounded-xl flex -translate-x-px items-center overflow-hidden text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-accent hover:text-accent-foreground focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring focus-visible:outline-solid active:bg-accent disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-current",
         "data-[active=true]:font-semibold data-[active=true]:bg-primary/10 data-[active=true]:text-primary",
         size === "sm" && "h-9 text-sm",
         size === "md" && "h-9 text-sm",
         "group-data-[collapsible=icon]:hidden",
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 
 export { Avatar, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Icon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, useIsMobile, useSidebar };
-//# sourceMappingURL=chunk-MNGNBEYN.js.map
-//# sourceMappingURL=chunk-MNGNBEYN.js.map
+//# sourceMappingURL=chunk-3HKIYFWI.js.map
+//# sourceMappingURL=chunk-3HKIYFWI.js.map