@akira-io/ui 1.3.1 → 2.1.0

package/dist/{chunk-B3L6PRLX.js → chunk-ZQXZ4UGE.js}

@@ -1,17 +1,19 @@
-import { Input, Separator } from './chunk-3Z2VGVPI.js';
-import { cn, menuSurface, focusRing, floatingSurface, Button } from './chunk-KHOA4TEI.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';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { Slot } from '@radix-ui/react-slot';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import * as React2 from 'react';
-import { useState, useEffect } from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cva } from 'class-variance-authority';
+import {
+  Input,
+  Separator
+} from "./chunk-53V4J7MC.js";
+import {
+  Button,
+  cn,
+  floatingSurface,
+  focusRing,
+  menuSurface
+} from "./chunk-PPWJK5T3.js";
 
+// src/components/ui/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DropdownMenu({
   modal = false,
   slotName = "dropdown-menu",
@@ -233,12 +235,16 @@ function DropdownMenuSubContent({
     }
   );
 }
+
+// src/components/ui/avatar.tsx
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Avatar({
   className,
   slotName = "avatar",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AvatarPrimitive.Root,
     {
       className: cn(
@@ -255,7 +261,7 @@ function AvatarImage({
   slotName = "avatar-image",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AvatarPrimitive.Image,
     {
       className: cn("aspect-square size-full", className),
@@ -269,7 +275,7 @@ function AvatarFallback({
   slotName = "avatar-fallback",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AvatarPrimitive.Fallback,
     {
       className: cn(
@@ -281,18 +287,23 @@ function AvatarFallback({
     }
   );
 }
+
+// src/components/ui/breadcrumb.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Breadcrumb({
   slotName = "breadcrumb",
   ...props
 }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx3("nav", { "aria-label": "breadcrumb", ...props, "data-slot": slotName });
 }
 function BreadcrumbList({
   className,
   slotName = "breadcrumb-list",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "ol",
     {
       className: cn(
@@ -309,7 +320,7 @@ function BreadcrumbItem({
   slotName = "breadcrumb-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "li",
     {
       className: cn("gap-1.5 inline-flex items-center", className),
@@ -325,7 +336,7 @@ function BreadcrumbLink({
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     Comp,
     {
       className: cn("transition-colors hover:text-foreground", className),
@@ -339,7 +350,7 @@ function BreadcrumbPage({
   slotName = "breadcrumb-page",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       role: "link",
@@ -357,7 +368,7 @@ function BreadcrumbSeparator({
   slotName = "breadcrumb-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "li",
     {
       role: "presentation",
@@ -365,7 +376,7 @@ function BreadcrumbSeparator({
       className: cn("[&>svg]:size-3.5", className),
       ...props,
       "data-slot": slotName,
-      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+      children: children ?? /* @__PURE__ */ jsx3(ChevronRight, {})
     }
   );
 }
@@ -374,7 +385,7 @@ function BreadcrumbEllipsis({
   slotName = "breadcrumb-ellipsis",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       role: "presentation",
@@ -386,23 +397,27 @@ function BreadcrumbEllipsis({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx3(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
+
+// src/components/ui/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Collapsible({
   slotName = "collapsible",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx4(CollapsiblePrimitive.Root, { ...props, "data-slot": slotName });
 }
 function CollapsibleTrigger2({
   slotName = "collapsible-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
       ...props,
@@ -414,7 +429,7 @@ function CollapsibleContent2({
   slotName = "collapsible-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4(
     CollapsiblePrimitive.CollapsibleContent,
     {
       ...props,
@@ -422,19 +437,28 @@ function CollapsibleContent2({
     }
   );
 }
+
+// src/components/ui/icon.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Icon({ iconNode: IconComponent, className }) {
   if (!IconComponent) {
     return null;
   }
-  return /* @__PURE__ */ jsx(IconComponent, { className });
+  return /* @__PURE__ */ jsx5(IconComponent, { className });
 }
+
+// src/components/ui/sheet.tsx
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import * as React from "react";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function Sheet({
   preserveScroll = false,
   onOpenChange: onOpenChangeProp,
   slotName = "sheet",
   ...props
 }) {
-  const scrollPosition = React2.useRef(0);
+  const scrollPosition = React.useRef(0);
   const onOpenChange = (open) => {
     if (preserveScroll) {
       if (open) {
@@ -447,7 +471,7 @@ function Sheet({
     }
     onOpenChangeProp?.(open);
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     SheetPrimitive.Root,
     {
       ...props,
@@ -460,26 +484,26 @@ function SheetTrigger({
   slotName = "sheet-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx6(SheetPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function SheetClose({
   slotName = "sheet-close",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx6(SheetPrimitive.Close, { ...props, "data-slot": slotName });
 }
 function SheetPortal({
   slotName = "sheet-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx6(SheetPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function SheetOverlay({
   className,
   slotName = "sheet-overlay",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     SheetPrimitive.Overlay,
     {
       className: cn(
@@ -498,9 +522,9 @@ function SheetContent({
   slotName = "sheet-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(SheetPortal, { children: [
+    /* @__PURE__ */ jsx6(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs3(
       SheetPrimitive.Content,
       {
         className: cn(
@@ -515,7 +539,7 @@ function SheetContent({
         "data-slot": slotName,
         children: [
           children,
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs3(
             SheetPrimitive.Close,
             {
               className: cn(
@@ -523,8 +547,8 @@ function SheetContent({
                 focusRing
               ),
               children: [
-                /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx6(XIcon, { className: "size-4" }),
+                /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -538,7 +562,7 @@ function SheetHeader({
   slotName = "sheet-header",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       className: cn("gap-1.5 p-4 flex flex-col", className),
@@ -552,7 +576,7 @@ function SheetFooter({
   slotName = "sheet-footer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       className: cn("gap-2 p-4 mt-auto flex flex-col", className),
@@ -566,7 +590,7 @@ function SheetTitle({
   slotName = "sheet-title",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     SheetPrimitive.Title,
     {
       className: cn("font-semibold text-foreground", className),
@@ -580,7 +604,7 @@ function SheetDescription({
   slotName = "sheet-description",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     SheetPrimitive.Description,
     {
       className: cn("text-sm text-muted-foreground", className),
@@ -589,12 +613,15 @@ function SheetDescription({
     }
   );
 }
+
+// src/components/ui/skeleton.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Skeleton({
   className,
   slotName = "skeleton",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: cn("animate-pulse rounded-xl bg-muted", className),
@@ -603,12 +630,16 @@ function Skeleton({
     }
   );
 }
+
+// src/components/ui/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   slotName = "tooltip-provider",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(
     TooltipPrimitive.Provider,
     {
       delayDuration,
@@ -621,13 +652,13 @@ function Tooltip({
   slotName = "tooltip",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props, "data-slot": slotName }) });
+  return /* @__PURE__ */ jsx8(TooltipProvider, { children: /* @__PURE__ */ jsx8(TooltipPrimitive.Root, { ...props, "data-slot": slotName }) });
 }
 function TooltipTrigger({
   slotName = "tooltip-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function TooltipContent({
   className,
@@ -636,7 +667,7 @@ function TooltipContent({
   slotName = "tooltip-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs4(
     TooltipPrimitive.Content,
     {
       sideOffset,
@@ -648,11 +679,14 @@ function TooltipContent({
       "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" })
+        /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "size-2.5 z-50 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
       ]
     }
   ) });
 }
+
+// src/hooks/use-mobile.tsx
+import { useEffect, useState } from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
   const [isMobile, setIsMobile] = useState();
@@ -669,6 +703,13 @@ function useIsMobile() {
   }, []);
   return !!isMobile;
 }
+
+// src/components/ui/sidebar.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { PanelLeftIcon } from "lucide-react";
+import * as React2 from "react";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -743,7 +784,7 @@ function SidebarProvider({
       toggleSidebar
     ]
   );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx9(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx9(
     "div",
     {
       style: {
@@ -772,7 +813,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         className: cn(
@@ -786,7 +827,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs5(
       Sheet,
       {
         open: openMobile,
@@ -794,11 +835,11 @@ function Sidebar({
         ...props,
         preserveScroll: true,
         children: [
-          /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs5(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx9(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx9(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx9(
             SheetContent,
             {
               "data-sidebar": "sidebar",
@@ -809,14 +850,14 @@ function Sidebar({
               },
               side,
               slotName,
-              children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
+              children: /* @__PURE__ */ jsx9("div", { className: "flex h-full w-full flex-col", children })
             }
           )
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "group peer md:block hidden text-sidebar-foreground",
@@ -826,7 +867,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             className: cn(
@@ -837,7 +878,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             className: cn(
@@ -848,7 +889,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx9(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -869,7 +910,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     Button,
     {
       "data-sidebar": "trigger",
@@ -883,8 +924,8 @@ function SidebarTrigger({
       ...props,
       slotName,
       children: [
-        /* @__PURE__ */ jsx(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx9(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -895,7 +936,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "button",
     {
       "data-sidebar": "rail",
@@ -922,7 +963,7 @@ function SidebarInset({
   slotName = "sidebar-inset",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "main",
     {
       className: cn(
@@ -940,7 +981,7 @@ function SidebarInput({
   slotName = "sidebar-input",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     Input,
     {
       "data-sidebar": "input",
@@ -955,7 +996,7 @@ function SidebarHeader({
   slotName = "sidebar-header",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-sidebar": "header",
@@ -973,7 +1014,7 @@ function SidebarFooter({
   slotName = "sidebar-footer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-sidebar": "footer",
@@ -991,7 +1032,7 @@ function SidebarSeparator({
   slotName = "sidebar-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     Separator,
     {
       "data-sidebar": "separator",
@@ -1006,7 +1047,7 @@ function SidebarContent({
   slotName = "sidebar-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-sidebar": "content",
@@ -1024,7 +1065,7 @@ function SidebarGroup({
   slotName = "sidebar-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-sidebar": "group",
@@ -1043,8 +1084,8 @@ function SidebarGroupLabel({
   slotName = "sidebar-group-label",
   ...props
 }) {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
+  const Comp = asChild ? Slot2 : "div";
+  return /* @__PURE__ */ jsx9(
     Comp,
     {
       "data-sidebar": "group-label",
@@ -1064,8 +1105,8 @@ function SidebarGroupAction({
   slotName = "sidebar-group-action",
   ...props
 }) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
+  const Comp = asChild ? Slot2 : "button";
+  return /* @__PURE__ */ jsx9(
     Comp,
     {
       "data-sidebar": "group-action",
@@ -1086,7 +1127,7 @@ function SidebarGroupContent({
   slotName = "sidebar-group-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-sidebar": "group-content",
@@ -1101,7 +1142,7 @@ function SidebarMenu({
   slotName = "sidebar-menu",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "ul",
     {
       "data-sidebar": "menu",
@@ -1119,7 +1160,7 @@ function SidebarMenuItem({
   slotName = "sidebar-menu-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "li",
     {
       "data-sidebar": "menu-item",
@@ -1159,9 +1200,9 @@ function SidebarMenuButton({
   slotName = "sidebar-menu-button",
   ...props
 }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? Slot2 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx(
+  const button = /* @__PURE__ */ jsx9(
     Comp,
     {
       "data-sidebar": "menu-button",
@@ -1183,9 +1224,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
+    /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx9(
       TooltipContent,
       {
         side: "right",
@@ -1203,8 +1244,8 @@ function SidebarMenuAction({
   slotName = "sidebar-menu-action",
   ...props
 }) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
+  const Comp = asChild ? Slot2 : "button";
+  return /* @__PURE__ */ jsx9(
     Comp,
     {
       "data-sidebar": "menu-action",
@@ -1229,7 +1270,7 @@ function SidebarMenuBadge({
   slotName = "sidebar-menu-badge",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       "data-sidebar": "menu-badge",
@@ -1256,7 +1297,7 @@ function SidebarMenuSkeleton({
   const width = React2.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       "data-sidebar": "menu-skeleton",
@@ -1267,14 +1308,14 @@ function SidebarMenuSkeleton({
       ...props,
       "data-slot": slotName,
       children: [
-        showIcon && /* @__PURE__ */ jsx(
+        showIcon && /* @__PURE__ */ jsx9(
           Skeleton,
           {
             className: "size-4 rounded-xl",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx9(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -1293,7 +1334,7 @@ function SidebarMenuSub({
   slotName = "sidebar-menu-sub",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "ul",
     {
       "data-sidebar": "menu-sub",
@@ -1312,7 +1353,7 @@ function SidebarMenuSubItem({
   slotName = "sidebar-menu-sub-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "li",
     {
       "data-sidebar": "menu-sub-item",
@@ -1330,8 +1371,8 @@ function SidebarMenuSubButton({
   slotName = "sidebar-menu-sub-button",
   ...props
 }) {
-  const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx9(
     Comp,
     {
       "data-sidebar": "menu-sub-button",
@@ -1351,6 +1392,73 @@ function SidebarMenuSubButton({
   );
 }
 
-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-B3L6PRLX.js.map
-//# sourceMappingURL=chunk-B3L6PRLX.js.map
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+  Collapsible,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  CollapsibleContent2 as CollapsibleContent,
+  Icon,
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+  Skeleton,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  useIsMobile,
+  useSidebar,
+  SidebarProvider,
+  Sidebar,
+  SidebarTrigger,
+  SidebarRail,
+  SidebarInset,
+  SidebarInput,
+  SidebarHeader,
+  SidebarFooter,
+  SidebarSeparator,
+  SidebarContent,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubItem,
+  SidebarMenuSubButton
+};
+//# sourceMappingURL=chunk-ZQXZ4UGE.js.map