@atxp/design-system 0.1.3 → 0.2.1

package/dist/index.cjs

@@ -36,6 +36,7 @@ __export(index_exports, {
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
   Activity: () => import_lucide_react17.Activity,
+  AddUserButton: () => AddUserButton,
   Alert: () => Alert,
   AlertCircle: () => import_lucide_react4.AlertCircle,
   AlertDescription: () => AlertDescription,
@@ -55,6 +56,8 @@ __export(index_exports, {
   ArrowUp: () => import_lucide_react2.ArrowUp,
   Avatar: () => Avatar,
   AvatarFallback: () => AvatarFallback,
+  AvatarGroup: () => AvatarGroup,
+  AvatarGroupItem: () => AvatarGroupItem,
   AvatarImage: () => AvatarImage,
   Award: () => import_lucide_react17.Award,
   Badge: () => Badge,
@@ -143,6 +146,10 @@ __export(index_exports, {
   DrawerFooter: () => DrawerFooter,
   DrawerHeader: () => DrawerHeader,
   DrawerTitle: () => DrawerTitle,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
   Edit: () => import_lucide_react3.Edit,
   Edit2: () => import_lucide_react3.Edit2,
   Edit3: () => import_lucide_react3.Edit3,
@@ -226,6 +233,8 @@ __export(index_exports, {
   Minimize: () => import_lucide_react9.Minimize,
   Minimize2: () => import_lucide_react9.Minimize2,
   Minus: () => import_lucide_react3.Minus,
+  ModelSelector: () => ModelSelector,
+  ModelUserManagement: () => ModelUserManagement,
   Monitor: () => import_lucide_react13.Monitor,
   Moon: () => import_lucide_react12.Moon,
   MoreHorizontal: () => import_lucide_react9.MoreHorizontal,
@@ -330,6 +339,7 @@ __export(index_exports, {
   Toast: () => Toaster2,
   Toaster: () => import_sonner2.Toaster,
   Toggle: () => Toggle,
+  Tooltip: () => Tooltip,
   Trash: () => import_lucide_react3.Trash,
   Trash2: () => import_lucide_react3.Trash2,
   TrendingDown: () => import_lucide_react17.TrendingDown,
@@ -340,7 +350,10 @@ __export(index_exports, {
   Unlock: () => import_lucide_react7.Unlock,
   Upload: () => import_lucide_react3.Upload,
   User: () => import_lucide_react7.User,
+  UserAvatars: () => UserAvatars,
   UserCheck: () => import_lucide_react7.UserCheck,
+  UserDropdownTrigger: () => UserDropdownTrigger,
+  UserManagementGroup: () => UserManagementGroup,
   UserMinus: () => import_lucide_react7.UserMinus,
   UserPlus: () => import_lucide_react7.UserPlus,
   UserX: () => import_lucide_react7.UserX,
@@ -359,9 +372,11 @@ __export(index_exports, {
   XCircle: () => import_lucide_react4.XCircle,
   Youtube: () => import_lucide_react15.Youtube,
   Zap: () => import_lucide_react17.Zap,
+  avatarGroupVariants: () => avatarGroupVariants,
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
+  dropdownMenuItemVariants: () => dropdownMenuItemVariants,
   indicatorCircleVariants: () => indicatorCircleVariants,
   indicatorDotVariants: () => indicatorDotVariants,
   menubarItemVariants: () => menubarItemVariants,
@@ -382,8 +397,9 @@ var import_lucide_react = require("lucide-react");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return (0, import_clsx.clsx)(inputs);
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
 // src/components/Accordion/Accordion.tsx
@@ -626,10 +642,65 @@ var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 AvatarFallback.displayName = "AvatarFallback";
 
-// src/components/Badge/Badge.tsx
+// src/components/AvatarGroup/AvatarGroup.tsx
+var React5 = __toESM(require("react"), 1);
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority2.cva)(
+var avatarGroupVariants = (0, import_class_variance_authority2.cva)("flex items-center", {
+  variants: {
+    size: {
+      sm: "[&>*]:h-4 [&>*]:w-4 [&>*]:text-[10px]",
+      default: "[&>*]:h-[25px] [&>*]:w-[25px] [&>*]:text-xs",
+      lg: "[&>*]:h-10 [&>*]:w-10 [&>*]:text-sm"
+    },
+    spacing: {
+      tight: "[&>*:not(:first-child)]:-ml-2",
+      default: "[&>*:not(:first-child)]:-ml-1",
+      loose: "[&>*:not(:first-child)]:-ml-0.5"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    spacing: "default"
+  }
+});
+var AvatarGroup = React5.forwardRef(
+  ({ className, size, spacing, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(avatarGroupVariants({ size, spacing }), className),
+        role: "group",
+        ...props
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+var AvatarGroupItem = React5.forwardRef(
+  ({ className, fallbackClassName, src, alt, fallback, showPresence, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref, className: "relative h-[inherit] w-[inherit]", ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Avatar, { className: cn("h-full w-full border border-input", className), children: [
+        src && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src, alt }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { className: cn("font-semibold", fallbackClassName), children: fallback })
+      ] }),
+      showPresence && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "span",
+        {
+          className: "absolute bottom-0 right-0 h-1.5 w-1.5 rounded-full bg-[#00bc7d] ring-2 ring-background",
+          "aria-label": "Online"
+        }
+      )
+    ] });
+  }
+);
+AvatarGroupItem.displayName = "AvatarGroupItem";
+
+// src/components/Badge/Badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
   "inline-flex items-center justify-center rounded-lg border transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
   {
     variants: {
@@ -652,7 +723,7 @@ var badgeVariants = (0, import_class_variance_authority2.cva)(
   }
 );
 function Badge({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       className: cn(badgeVariants({ variant, size }), className),
@@ -662,14 +733,14 @@ function Badge({ className, variant, size, ...props }) {
 }
 
 // src/components/Breadcrumb/Breadcrumb.tsx
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 
 // src/components/Icon/Icon.tsx
-var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Icon = React5.forwardRef(
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Icon = React6.forwardRef(
   ({ icon: IconComponent, size = 24, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       IconComponent,
       {
         ref,
@@ -701,10 +772,10 @@ var import_lucide_react16 = require("lucide-react");
 var import_lucide_react17 = require("lucide-react");
 
 // src/components/Breadcrumb/Breadcrumb.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Breadcrumb = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Breadcrumb = React7.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var BreadcrumbList = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "ol",
   {
     ref,
@@ -716,7 +787,7 @@ var BreadcrumbList = React6.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var BreadcrumbItem = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "li",
   {
     ref,
@@ -725,7 +796,7 @@ var BreadcrumbItem = React6.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var BreadcrumbLink = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "a",
   {
     ref,
@@ -737,7 +808,7 @@ var BreadcrumbLink = React6.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var BreadcrumbPage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "span",
   {
     ref,
@@ -753,21 +824,21 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("flex h-5 w-5 items-center justify-center", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 14 })
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 14 })
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
   "span",
   {
     role: "presentation",
@@ -775,18 +846,18 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-5 w-5 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { icon: import_lucide_react9.MoreHorizontal, size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { icon: import_lucide_react9.MoreHorizontal, size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/Button/Button.tsx
-var React7 = __toESM(require("react"), 1);
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority3.cva)(
+var React8 = __toESM(require("react"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority4.cva)(
   "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-lg text-sm font-medium leading-5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -815,9 +886,9 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Button = React7.forwardRef(
+var Button = React8.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -830,11 +901,11 @@ var Button = React7.forwardRef(
 Button.displayName = "Button";
 
 // src/components/ButtonGroup/ButtonGroup.tsx
-var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ButtonGroup = React8.forwardRef(
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ButtonGroup = React9.forwardRef(
   ({ className, orientation = "horizontal", children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         ref,
@@ -853,9 +924,9 @@ var ButtonGroup = React8.forwardRef(
 ButtonGroup.displayName = "ButtonGroup";
 
 // src/components/Card/Card.tsx
-var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Card = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -867,7 +938,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -876,7 +947,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "h3",
   {
     ref,
@@ -888,7 +959,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "p",
   {
     ref,
@@ -897,9 +968,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, className: cn("px-6 pb-6 pt-0", className), ...props }));
+var CardContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: cn("px-6 pb-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -910,32 +981,32 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 
 // src/components/Carousel/Carousel.tsx
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CarouselContext = React10.createContext(
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var CarouselContext = React11.createContext(
   void 0
 );
 function useCarousel() {
-  const context = React10.useContext(CarouselContext);
+  const context = React11.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a Carousel");
   }
   return context;
 }
-var Carousel = React10.forwardRef(
+var Carousel = React11.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const [currentIndex, setCurrentIndex] = React10.useState(0);
-    const [totalItems, setTotalItems] = React10.useState(0);
-    const goToSlide = React10.useCallback((index) => {
+    const [currentIndex, setCurrentIndex] = React11.useState(0);
+    const [totalItems, setTotalItems] = React11.useState(0);
+    const goToSlide = React11.useCallback((index) => {
       setCurrentIndex(index);
     }, []);
-    const nextSlide = React10.useCallback(() => {
+    const nextSlide = React11.useCallback(() => {
       setCurrentIndex((prev) => (prev + 1) % totalItems);
     }, [totalItems]);
-    const previousSlide = React10.useCallback(() => {
+    const previousSlide = React11.useCallback(() => {
       setCurrentIndex((prev) => (prev - 1 + totalItems) % totalItems);
     }, [totalItems]);
-    const value = React10.useMemo(
+    const value = React11.useMemo(
       () => ({
         currentIndex,
         totalItems,
@@ -945,15 +1016,15 @@ var Carousel = React10.forwardRef(
       }),
       [currentIndex, totalItems, goToSlide, nextSlide, previousSlide]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CarouselContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CarouselContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
         ref,
         className: cn("flex items-center justify-center gap-6", className),
         ...props,
-        children: React10.Children.map(children, (child) => {
-          if (React10.isValidElement(child)) {
-            return React10.cloneElement(child, { setTotalItems });
+        children: React11.Children.map(children, (child) => {
+          if (React11.isValidElement(child)) {
+            return React11.cloneElement(child, { setTotalItems });
           }
           return child;
         })
@@ -962,14 +1033,14 @@ var Carousel = React10.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React10.forwardRef(
+var CarouselContent = React11.forwardRef(
   ({ className, children, setTotalItems, ...props }, ref) => {
     const { currentIndex } = useCarousel();
-    const childrenArray = React10.Children.toArray(children);
-    React10.useEffect(() => {
+    const childrenArray = React11.Children.toArray(children);
+    React11.useEffect(() => {
       setTotalItems?.(childrenArray.length);
     }, [childrenArray.length, setTotalItems]);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
         ref,
@@ -978,7 +1049,7 @@ var CarouselContent = React10.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             className: "flex h-full transition-transform duration-300 ease-in-out",
@@ -993,7 +1064,7 @@ var CarouselContent = React10.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CarouselItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     ref,
@@ -1005,9 +1076,9 @@ var CarouselItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React10.forwardRef(({ className, ...props }, ref) => {
+var CarouselPrevious = React11.forwardRef(({ className, ...props }, ref) => {
   const { previousSlide, currentIndex } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "button",
     {
       ref,
@@ -1020,14 +1091,14 @@ var CarouselPrevious = React10.forwardRef(({ className, ...props }, ref) => {
       onClick: previousSlide,
       "aria-label": "Previous slide",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: import_lucide_react2.ArrowLeft, size: 20 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { icon: import_lucide_react2.ArrowLeft, size: 20 })
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React10.forwardRef(({ className, ...props }, ref) => {
+var CarouselNext = React11.forwardRef(({ className, ...props }, ref) => {
   const { nextSlide, currentIndex, totalItems } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "button",
     {
       ref,
@@ -1040,23 +1111,23 @@ var CarouselNext = React10.forwardRef(({ className, ...props }, ref) => {
       onClick: nextSlide,
       "aria-label": "Next slide",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: import_lucide_react2.ArrowRight, size: 20 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { icon: import_lucide_react2.ArrowRight, size: 20 })
     }
   );
 });
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/Checkbox/Checkbox.tsx
-var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var Checkbox = React11.forwardRef(
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Checkbox = React12.forwardRef(
   ({ className, onCheckedChange, onChange, ...props }, ref) => {
     const handleChange = (e) => {
       onChange?.(e);
       onCheckedChange?.(e.target.checked);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative inline-flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "input",
         {
           type: "checkbox",
@@ -1066,7 +1137,7 @@ var Checkbox = React11.forwardRef(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
           className: cn(
@@ -1076,7 +1147,7 @@ var Checkbox = React11.forwardRef(
             "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             Icon,
             {
               icon: import_lucide_react3.Check,
@@ -1092,10 +1163,10 @@ var Checkbox = React11.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/Dialog/Dialog.tsx
-var React12 = __toESM(require("react"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var React13 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Dialog = ({ open, onOpenChange, children }) => {
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
         onOpenChange?.(false);
@@ -1111,23 +1182,23 @@ var Dialog = ({ open, onOpenChange, children }) => {
     };
   }, [open, onOpenChange]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: React12.Children.map(children, (child) => {
-    if (React12.isValidElement(child)) {
-      return React12.cloneElement(child, { onOpenChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: React13.Children.map(children, (child) => {
+    if (React13.isValidElement(child)) {
+      return React13.cloneElement(child, { onOpenChange });
     }
     return child;
   }) });
 };
 Dialog.displayName = "Dialog";
-var DialogContent = React12.forwardRef(
-  ({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var DialogContent = React13.forwardRef(
+  ({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center",
       onClick: () => onOpenChange?.(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "div",
           {
             ref,
@@ -1140,13 +1211,13 @@ var DialogContent = React12.forwardRef(
             onClick: (e) => e.stopPropagation(),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "button",
                 {
                   onClick: () => onOpenChange?.(false),
                   className: "absolute right-[15px] top-[15px] rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
                 }
               ),
               children
@@ -1158,7 +1229,7 @@ var DialogContent = React12.forwardRef(
   )
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1167,7 +1238,7 @@ var DialogHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "h2",
   {
     ref,
@@ -1176,7 +1247,7 @@ var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "p",
   {
     ref,
@@ -1185,7 +1256,7 @@ var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = "DialogDescription";
-var DialogFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1196,10 +1267,10 @@ var DialogFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
 DialogFooter.displayName = "DialogFooter";
 
 // src/components/Drawer/Drawer.tsx
-var React13 = __toESM(require("react"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Drawer = ({ open, onOpenChange, children }) => {
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
         onOpenChange?.(false);
@@ -1215,23 +1286,23 @@ var Drawer = ({ open, onOpenChange, children }) => {
     };
   }, [open, onOpenChange]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: React13.Children.map(children, (child) => {
-    if (React13.isValidElement(child)) {
-      return React13.cloneElement(child, { onOpenChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: React14.Children.map(children, (child) => {
+    if (React14.isValidElement(child)) {
+      return React14.cloneElement(child, { onOpenChange });
     }
     return child;
   }) });
 };
 Drawer.displayName = "Drawer";
-var DrawerContent = React13.forwardRef(
-  ({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DrawerContent = React14.forwardRef(
+  ({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-end justify-center",
       onClick: () => onOpenChange?.(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
           {
             ref,
@@ -1244,14 +1315,14 @@ var DrawerContent = React13.forwardRef(
             onClick: (e) => e.stopPropagation(),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute left-1/2 top-4 h-2 w-[100px] -translate-x-1/2 rounded-full bg-muted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "absolute left-1/2 top-4 h-2 w-[100px] -translate-x-1/2 rounded-full bg-muted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "button",
                 {
                   onClick: () => onOpenChange?.(false),
                   className: "absolute right-[15px] top-[15px] rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
                 }
               ),
               children
@@ -1263,7 +1334,7 @@ var DrawerContent = React13.forwardRef(
   )
 );
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     ref,
@@ -1272,7 +1343,7 @@ var DrawerHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "h2",
   {
     ref,
@@ -1281,7 +1352,7 @@ var DrawerTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "p",
   {
     ref,
@@ -1290,7 +1361,7 @@ var DrawerDescription = React13.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DrawerDescription.displayName = "DrawerDescription";
-var DrawerFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     ref,
@@ -1300,10 +1371,122 @@ var DrawerFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 DrawerFooter.displayName = "DrawerFooter";
 
+// src/components/DropdownMenu/DropdownMenu.tsx
+var React15 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var DropdownMenu = React15.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      {
+        ref,
+        role: "menu",
+        className: cn(
+          "flex min-w-[128px] flex-col gap-0 rounded-md border border-border bg-popover p-1 shadow-md",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+DropdownMenu.displayName = "DropdownMenu";
+var dropdownMenuItemVariants = (0, import_class_variance_authority5.cva)(
+  "flex h-8 w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-normal leading-5 text-popover-foreground transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-muted",
+        active: "bg-muted"
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      disabled: false
+    }
+  }
+);
+var DropdownMenuItem = React15.forwardRef(
+  ({
+    className,
+    variant,
+    disabled = false,
+    icon,
+    secondaryIcon,
+    checked,
+    hasSubmenu,
+    avatar,
+    children,
+    ...props
+  }, ref) => {
+    const isDisabled = Boolean(disabled);
+    let secondaryIconComponent = null;
+    if (checked || secondaryIcon === "check") {
+      secondaryIconComponent = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: import_lucide_react3.Check, size: 10.67 });
+    } else if (hasSubmenu || secondaryIcon === "chevron") {
+      secondaryIconComponent = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 10.67 });
+    } else if (secondaryIcon === "plus") {
+      secondaryIconComponent = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: import_lucide_react3.Plus, size: 10.67 });
+    } else if (secondaryIcon && typeof secondaryIcon !== "string") {
+      secondaryIconComponent = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: secondaryIcon, size: 10.67 });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "button",
+      {
+        ref,
+        role: "menuitem",
+        disabled: isDisabled,
+        className: cn(
+          dropdownMenuItemVariants({ variant, disabled: isDisabled }),
+          className
+        ),
+        ...props,
+        children: [
+          avatar && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "shrink-0", children: avatar }),
+          icon && !avatar && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon, size: 16, className: "shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "flex-1 text-left", children }),
+          secondaryIconComponent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "shrink-0", children: secondaryIconComponent })
+        ]
+      }
+    );
+  }
+);
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuLabel = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-8 w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-semibold leading-5 text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+var DropdownMenuSeparator = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("my-1 h-px w-full bg-border", className),
+      ...props
+    }
+  );
+});
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+
 // src/components/Header/Header.tsx
-var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Header2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Header2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "header",
   {
     ref,
@@ -1315,7 +1498,7 @@ var Header2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Header2.displayName = "Header";
-var HeaderBreadcrumbs = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var HeaderBreadcrumbs = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     ref,
@@ -1324,7 +1507,7 @@ var HeaderBreadcrumbs = React14.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 HeaderBreadcrumbs.displayName = "HeaderBreadcrumbs";
-var HeaderContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var HeaderContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     ref,
@@ -1333,7 +1516,7 @@ var HeaderContent = React14.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 HeaderContent.displayName = "HeaderContent";
-var HeaderTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var HeaderTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "h1",
   {
     ref,
@@ -1345,7 +1528,7 @@ var HeaderTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 HeaderTitle.displayName = "HeaderTitle";
-var HeaderActions = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var HeaderActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     ref,
@@ -1354,7 +1537,7 @@ var HeaderActions = React14.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 HeaderActions.displayName = "HeaderActions";
-var HeaderDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var HeaderDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "p",
   {
     ref,
@@ -1368,11 +1551,11 @@ var HeaderDescription = React14.forwardRef(({ className, ...props }, ref) => /*
 HeaderDescription.displayName = "HeaderDescription";
 
 // src/components/HoverCard/HoverCard.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var HoverCard = React15.forwardRef(
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var HoverCard = React17.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         ref,
@@ -1386,9 +1569,9 @@ var HoverCard = React15.forwardRef(
   }
 );
 HoverCard.displayName = "HoverCard";
-var HoverCardHeader = React15.forwardRef(
+var HoverCardHeader = React17.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         ref,
@@ -1399,8 +1582,8 @@ var HoverCardHeader = React15.forwardRef(
   }
 );
 HoverCardHeader.displayName = "HoverCardHeader";
-var HoverCardTitle = React15.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var HoverCardTitle = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "p",
     {
       ref,
@@ -1413,8 +1596,8 @@ var HoverCardTitle = React15.forwardRef(({ className, ...props }, ref) => {
   );
 });
 HoverCardTitle.displayName = "HoverCardTitle";
-var HoverCardDescription = React15.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var HoverCardDescription = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "p",
     {
       ref,
@@ -1426,10 +1609,10 @@ var HoverCardDescription = React15.forwardRef(({ className, ...props }, ref) =>
 HoverCardDescription.displayName = "HoverCardDescription";
 
 // src/components/Indicators/Indicators.tsx
-var React16 = __toESM(require("react"), 1);
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var indicatorDotVariants = (0, import_class_variance_authority4.cva)("h-2.5 w-2.5 rounded-full", {
+var React18 = __toESM(require("react"), 1);
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var indicatorDotVariants = (0, import_class_variance_authority6.cva)("h-2.5 w-2.5 rounded-full", {
   variants: {
     status: {
       high: "bg-warning",
@@ -1442,9 +1625,9 @@ var indicatorDotVariants = (0, import_class_variance_authority4.cva)("h-2.5 w-2.
     status: "high"
   }
 });
-var IndicatorDot = React16.forwardRef(
+var IndicatorDot = React18.forwardRef(
   ({ className, status, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         ref,
@@ -1455,7 +1638,7 @@ var IndicatorDot = React16.forwardRef(
   }
 );
 IndicatorDot.displayName = "IndicatorDot";
-var indicatorCircleVariants = (0, import_class_variance_authority4.cva)("relative h-5 w-5", {
+var indicatorCircleVariants = (0, import_class_variance_authority6.cva)("relative h-5 w-5", {
   variants: {
     status: {
       complete: "",
@@ -1467,18 +1650,18 @@ var indicatorCircleVariants = (0, import_class_variance_authority4.cva)("relativ
     status: "complete"
   }
 });
-var IndicatorCircle = React16.forwardRef(
+var IndicatorCircle = React18.forwardRef(
   ({ className, status = "complete", ...props }, ref) => {
     const isComplete = status === "complete";
     const isPartial = status === "partial";
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
         ref,
         className: cn(indicatorCircleVariants({ status }), className),
         ...props,
         children: [
-          isComplete && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          isComplete && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Icon,
             {
               icon: import_lucide_react3.Check,
@@ -1487,7 +1670,7 @@ var IndicatorCircle = React16.forwardRef(
               strokeWidth: 2
             }
           ),
-          isPartial && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          isPartial && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "svg",
             {
               width: "20",
@@ -1497,7 +1680,7 @@ var IndicatorCircle = React16.forwardRef(
               xmlns: "http://www.w3.org/2000/svg",
               className: "absolute inset-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "circle",
                   {
                     cx: "10",
@@ -1507,7 +1690,7 @@ var IndicatorCircle = React16.forwardRef(
                     strokeWidth: "1.5"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "path",
                   {
                     d: "M 10,3.5 A 6.5,6.5 0 0,1 16.5,10",
@@ -1520,7 +1703,7 @@ var IndicatorCircle = React16.forwardRef(
               ]
             }
           ),
-          !isComplete && !isPartial && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          !isComplete && !isPartial && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "svg",
             {
               width: "20",
@@ -1529,7 +1712,7 @@ var IndicatorCircle = React16.forwardRef(
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               className: "absolute inset-0",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "circle",
                 {
                   cx: "10",
@@ -1549,11 +1732,11 @@ var IndicatorCircle = React16.forwardRef(
 IndicatorCircle.displayName = "IndicatorCircle";
 
 // src/components/Input/Input.tsx
-var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Input = React17.forwardRef(
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Input = React19.forwardRef(
   ({ className, type, icon, ...props }, ref) => {
-    const WrapperComponent = icon ? "div" : React17.Fragment;
+    const WrapperComponent = icon ? "div" : React19.Fragment;
     const wrapperProps = icon ? {
       className: cn(
         "flex h-10 w-full items-center gap-2 rounded-md border border-input bg-background px-3 py-2",
@@ -1561,7 +1744,7 @@ var Input = React17.forwardRef(
         className
       )
     } : {};
-    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "input",
       {
         type,
@@ -1579,7 +1762,7 @@ var Input = React17.forwardRef(
       }
     );
     if (icon) {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(WrapperComponent, { ...wrapperProps, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(WrapperComponent, { ...wrapperProps, children: [
         inputElement,
         icon
       ] });
@@ -1590,11 +1773,11 @@ var Input = React17.forwardRef(
 Input.displayName = "Input";
 
 // src/components/InputGroup/InputGroup.tsx
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var InputGroup = React18.forwardRef(
+var React20 = __toESM(require("react"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var InputGroup = React20.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         ref,
@@ -1605,8 +1788,8 @@ var InputGroup = React18.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupLabel = React18.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var InputGroupLabel = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "label",
     {
       ref,
@@ -1619,8 +1802,8 @@ var InputGroupLabel = React18.forwardRef(({ className, ...props }, ref) => {
   );
 });
 InputGroupLabel.displayName = "InputGroupLabel";
-var InputGroupHelpText = React18.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var InputGroupHelpText = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "p",
     {
       ref,
@@ -1635,11 +1818,11 @@ var InputGroupHelpText = React18.forwardRef(({ className, ...props }, ref) => {
 InputGroupHelpText.displayName = "InputGroupHelpText";
 
 // src/components/Label/Label.tsx
-var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Label = React19.forwardRef(
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Label = React21.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "label",
       {
         ref,
@@ -1656,12 +1839,12 @@ var Label = React19.forwardRef(
 Label.displayName = "Label";
 
 // src/components/Menubar/Menubar.tsx
-var React20 = __toESM(require("react"), 1);
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Menubar = React20.forwardRef(
+var React22 = __toESM(require("react"), 1);
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Menubar = React22.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref,
@@ -1675,7 +1858,7 @@ var Menubar = React20.forwardRef(
   }
 );
 Menubar.displayName = "Menubar";
-var menubarTriggerVariants = (0, import_class_variance_authority5.cva)(
+var menubarTriggerVariants = (0, import_class_variance_authority7.cva)(
   "inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium leading-5 transition-colors",
   {
     variants: {
@@ -1689,9 +1872,9 @@ var menubarTriggerVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var MenubarTrigger = React20.forwardRef(
+var MenubarTrigger = React22.forwardRef(
   ({ className, selected, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "button",
       {
         ref,
@@ -1702,9 +1885,9 @@ var MenubarTrigger = React20.forwardRef(
   }
 );
 MenubarTrigger.displayName = "MenubarTrigger";
-var MenubarDropdown = React20.forwardRef(
+var MenubarDropdown = React22.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref,
@@ -1718,7 +1901,7 @@ var MenubarDropdown = React20.forwardRef(
   }
 );
 MenubarDropdown.displayName = "MenubarDropdown";
-var menubarItemVariants = (0, import_class_variance_authority5.cva)(
+var menubarItemVariants = (0, import_class_variance_authority7.cva)(
   "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-normal leading-5 transition-colors",
   {
     variants: {
@@ -1732,7 +1915,7 @@ var menubarItemVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var MenubarItem = React20.forwardRef(
+var MenubarItem = React22.forwardRef(
   ({
     className,
     disabled = false,
@@ -1743,7 +1926,7 @@ var MenubarItem = React20.forwardRef(
     ...props
   }, ref) => {
     const isDisabled = Boolean(disabled);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "button",
       {
         ref,
@@ -1751,20 +1934,20 @@ var MenubarItem = React20.forwardRef(
         className: cn(menubarItemVariants({ disabled: isDisabled }), className),
         ...props,
         children: [
-          checked && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { icon: import_lucide_react3.Check, size: 16, className: "shrink-0" }),
-          !checked && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-4 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "flex-1 text-left", children }),
-          shortcut && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ml-auto text-xs leading-4 opacity-60", children: shortcut }),
-          hasSubmenu && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 10.67, className: "ml-auto opacity-60" })
+          checked && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { icon: import_lucide_react3.Check, size: 16, className: "shrink-0" }),
+          !checked && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-4 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex-1 text-left", children }),
+          shortcut && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "ml-auto text-xs leading-4 opacity-60", children: shortcut }),
+          hasSubmenu && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 10.67, className: "ml-auto opacity-60" })
         ]
       }
     );
   }
 );
 MenubarItem.displayName = "MenubarItem";
-var MenubarSeparator = React20.forwardRef(
+var MenubarSeparator = React22.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref,
@@ -1775,9 +1958,9 @@ var MenubarSeparator = React20.forwardRef(
   }
 );
 MenubarSeparator.displayName = "MenubarSeparator";
-var MenubarLabel = React20.forwardRef(
+var MenubarLabel = React22.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref,
@@ -1792,13 +1975,117 @@ var MenubarLabel = React20.forwardRef(
 );
 MenubarLabel.displayName = "MenubarLabel";
 
+// src/components/ModelUserManagement/ModelUserManagement.tsx
+var React23 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var ModelUserManagement = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center justify-end gap-4", className),
+      ...props
+    }
+  );
+});
+ModelUserManagement.displayName = "ModelUserManagement";
+var ModelSelector = React23.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      Button,
+      {
+        ref,
+        variant: "secondary",
+        size: "sm",
+        className: cn("h-[32px]", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+ModelSelector.displayName = "ModelSelector";
+var UserManagementGroup = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center justify-end gap-1", className),
+      ...props
+    }
+  );
+});
+UserManagementGroup.displayName = "UserManagementGroup";
+var AddUserButton = React23.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Add user",
+        className: cn(
+          "flex h-[32px] w-[32px] items-center justify-center rounded-full bg-muted transition-colors hover:bg-muted/80",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react3.Plus, size: 19 })
+      }
+    );
+  }
+);
+AddUserButton.displayName = "AddUserButton";
+var UserAvatars = React23.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const isDropdownTrigger = (child) => {
+      return React23.isValidElement(child) && typeof child.type !== "string" && "displayName" in child.type && child.type.displayName === "UserDropdownTrigger";
+    };
+    const childArray = React23.Children.toArray(children);
+    const dropdownTrigger = childArray.find(isDropdownTrigger);
+    const avatarChildren = childArray.filter((child) => !isDropdownTrigger(child));
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex h-[32px] items-center gap-0 rounded-full border border-input bg-background p-0.5",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pr-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AvatarGroup, { children: avatarChildren }) }),
+          dropdownTrigger
+        ]
+      }
+    );
+  }
+);
+UserAvatars.displayName = "UserAvatars";
+var UserDropdownTrigger = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-label": "User options",
+      className: cn(
+        "flex h-[25px] w-[25px] items-center justify-center rounded-full transition-colors hover:bg-muted/50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react2.ChevronDown, size: 19 })
+    }
+  );
+});
+UserDropdownTrigger.displayName = "UserDropdownTrigger";
+
 // src/components/NavHeader/NavHeader.tsx
-var React21 = __toESM(require("react"), 1);
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var NavHeader = React21.forwardRef(
+var React24 = __toESM(require("react"), 1);
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var NavHeader = React24.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "header",
       {
         ref,
@@ -1812,9 +2099,9 @@ var NavHeader = React21.forwardRef(
   }
 );
 NavHeader.displayName = "NavHeader";
-var NavHeaderBrand = React21.forwardRef(
+var NavHeaderBrand = React24.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "div",
       {
         ref,
@@ -1825,9 +2112,9 @@ var NavHeaderBrand = React21.forwardRef(
   }
 );
 NavHeaderBrand.displayName = "NavHeaderBrand";
-var NavHeaderNav = React21.forwardRef(
+var NavHeaderNav = React24.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "nav",
       {
         ref,
@@ -1838,7 +2125,7 @@ var NavHeaderNav = React21.forwardRef(
   }
 );
 NavHeaderNav.displayName = "NavHeaderNav";
-var navHeaderItemVariants = (0, import_class_variance_authority6.cva)(
+var navHeaderItemVariants = (0, import_class_variance_authority8.cva)(
   "inline-flex h-9 items-center justify-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium leading-5 transition-colors",
   {
     variants: {
@@ -1852,9 +2139,9 @@ var navHeaderItemVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var NavHeaderItem = React21.forwardRef(
+var NavHeaderItem = React24.forwardRef(
   ({ className, variant, selected, icon, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "button",
       {
         ref,
@@ -1874,8 +2161,8 @@ var NavHeaderItem = React21.forwardRef(
   }
 );
 NavHeaderItem.displayName = "NavHeaderItem";
-var NavHeaderDivider = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var NavHeaderDivider = React24.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       ref,
@@ -1888,12 +2175,12 @@ var NavHeaderDivider = React21.forwardRef(({ className, ...props }, ref) => {
 NavHeaderDivider.displayName = "NavHeaderDivider";
 
 // src/components/NavSidePanel/NavSidePanel.tsx
-var React22 = __toESM(require("react"), 1);
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var NavSidePanel = React22.forwardRef(
+var React25 = __toESM(require("react"), 1);
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var NavSidePanel = React25.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "div",
       {
         ref,
@@ -1907,8 +2194,8 @@ var NavSidePanel = React22.forwardRef(
   }
 );
 NavSidePanel.displayName = "NavSidePanel";
-var NavSidePanelHeader = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var NavSidePanelHeader = React25.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref,
@@ -1918,8 +2205,8 @@ var NavSidePanelHeader = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 NavSidePanelHeader.displayName = "NavSidePanelHeader";
-var NavSidePanelBrand = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var NavSidePanelBrand = React25.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref,
@@ -1932,8 +2219,8 @@ var NavSidePanelBrand = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 NavSidePanelBrand.displayName = "NavSidePanelBrand";
-var NavSidePanelSeparator = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var NavSidePanelSeparator = React25.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref,
@@ -1943,9 +2230,9 @@ var NavSidePanelSeparator = React22.forwardRef(({ className, ...props }, ref) =>
   );
 });
 NavSidePanelSeparator.displayName = "NavSidePanelSeparator";
-var NavSidePanelNav = React22.forwardRef(
+var NavSidePanelNav = React25.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "nav",
       {
         ref,
@@ -1956,7 +2243,7 @@ var NavSidePanelNav = React22.forwardRef(
   }
 );
 NavSidePanelNav.displayName = "NavSidePanelNav";
-var navSidePanelItemVariants = (0, import_class_variance_authority7.cva)(
+var navSidePanelItemVariants = (0, import_class_variance_authority9.cva)(
   "flex h-10 w-full items-center gap-1.5 rounded-sm bg-secondary px-4 py-0 shadow-xs transition-colors",
   {
     variants: {
@@ -1970,8 +2257,8 @@ var navSidePanelItemVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var NavSidePanelItem = React22.forwardRef(({ className, selected, icon, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var NavSidePanelItem = React25.forwardRef(({ className, selected, icon, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "button",
     {
       ref,
@@ -1979,14 +2266,14 @@ var NavSidePanelItem = React22.forwardRef(({ className, selected, icon, children
       ...props,
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium leading-5 text-accent-foreground", children })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium leading-5 text-accent-foreground", children })
       ]
     }
   );
 });
 NavSidePanelItem.displayName = "NavSidePanelItem";
-var NavSidePanelFooter = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var NavSidePanelFooter = React25.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref,
@@ -1998,12 +2285,12 @@ var NavSidePanelFooter = React22.forwardRef(({ className, ...props }, ref) => {
 NavSidePanelFooter.displayName = "NavSidePanelFooter";
 
 // src/components/Pagination/Pagination.tsx
-var React23 = __toESM(require("react"), 1);
-var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Pagination = React23.forwardRef(
+var React26 = __toESM(require("react"), 1);
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Pagination = React26.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "nav",
       {
         ref,
@@ -2016,7 +2303,7 @@ var Pagination = React23.forwardRef(
   }
 );
 Pagination.displayName = "Pagination";
-var paginationItemVariants = (0, import_class_variance_authority8.cva)(
+var paginationItemVariants = (0, import_class_variance_authority10.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 transition-colors",
   {
     variants: {
@@ -2035,9 +2322,9 @@ var paginationItemVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var PaginationItem = React23.forwardRef(
+var PaginationItem = React26.forwardRef(
   ({ className, variant, size, isActive, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "button",
       {
         ref,
@@ -2055,11 +2342,11 @@ var PaginationItem = React23.forwardRef(
   }
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = React23.forwardRef(
+var PaginationLink = React26.forwardRef(
   ({ className, direction = "next", children, ...props }, ref) => {
     const isPrevious = direction === "previous";
     const isNext = direction === "next";
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         ref,
@@ -2069,17 +2356,17 @@ var PaginationLink = React23.forwardRef(
         ),
         ...props,
         children: [
-          isPrevious && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react2.ChevronLeft, size: 16 }),
+          isPrevious && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { icon: import_lucide_react2.ChevronLeft, size: 16 }),
           children || (isPrevious ? "Previous" : "Next"),
-          isNext && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 16 })
+          isNext && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 16 })
         ]
       }
     );
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationEllipsis = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var PaginationEllipsis = React26.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "span",
     {
       ref,
@@ -2089,18 +2376,18 @@ var PaginationEllipsis = React23.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react17.MoreHorizontal, size: 24 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { icon: import_lucide_react17.MoreHorizontal, size: 24 })
     }
   );
 });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/Popover/Popover.tsx
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Popover = React24.forwardRef(
+var React27 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Popover = React27.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         ref,
@@ -2114,9 +2401,9 @@ var Popover = React24.forwardRef(
   }
 );
 Popover.displayName = "Popover";
-var PopoverHeader = React24.forwardRef(
+var PopoverHeader = React27.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         ref,
@@ -2127,8 +2414,8 @@ var PopoverHeader = React24.forwardRef(
   }
 );
 PopoverHeader.displayName = "PopoverHeader";
-var PopoverTitle = React24.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var PopoverTitle = React27.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "p",
     {
       ref,
@@ -2141,8 +2428,8 @@ var PopoverTitle = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 PopoverTitle.displayName = "PopoverTitle";
-var PopoverDescription = React24.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var PopoverDescription = React27.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "p",
     {
       ref,
@@ -2154,12 +2441,12 @@ var PopoverDescription = React24.forwardRef(({ className, ...props }, ref) => {
 PopoverDescription.displayName = "PopoverDescription";
 
 // src/components/Progress/Progress.tsx
-var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var Progress = React25.forwardRef(
+var React28 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var Progress = React28.forwardRef(
   ({ className, value = 0, max = 100, ...props }, ref) => {
     const percentage = Math.min(Math.max(value / max * 100, 0), 100);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "div",
       {
         ref,
@@ -2172,7 +2459,7 @@ var Progress = React25.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "div",
           {
             className: "h-full bg-primary transition-all duration-300 ease-in-out",
@@ -2186,16 +2473,16 @@ var Progress = React25.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/Radio/Radio.tsx
-var React26 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Radio = React26.forwardRef(
+var React29 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Radio = React29.forwardRef(
   ({ className, onCheckedChange, onChange, ...props }, ref) => {
     const handleChange = (e) => {
       onChange?.(e);
       onCheckedChange?.(e.target.checked);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative inline-flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "input",
         {
           type: "radio",
@@ -2205,7 +2492,7 @@ var Radio = React26.forwardRef(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           className: cn(
@@ -2225,14 +2512,14 @@ var Radio = React26.forwardRef(
 Radio.displayName = "Radio";
 
 // src/components/Select/Select.tsx
-var React27 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var SelectTrigger = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2247,12 +2534,12 @@ var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectScrollUpButton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2261,11 +2548,11 @@ var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 rotate-180" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 rotate-180" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectScrollDownButton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2274,11 +2561,11 @@ var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React27.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var SelectContent = React30.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2293,8 +2580,8 @@ var SelectContent = React27.forwardRef(({ className, children, position = "poppe
     collisionPadding: 8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2304,12 +2591,12 @@ var SelectContent = React27.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectLabel = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -2321,7 +2608,7 @@ var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var SelectItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -2333,13 +2620,13 @@ var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2350,11 +2637,11 @@ var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Separator/Separator.tsx
-var React28 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Separator2 = React28.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Separator2 = React31.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -2372,10 +2659,10 @@ var Separator2 = React28.forwardRef(
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/Sheet/Sheet.tsx
-var React29 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var React32 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Sheet = ({ open, onOpenChange, children }) => {
-  React29.useEffect(() => {
+  React32.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
         onOpenChange?.(false);
@@ -2391,9 +2678,9 @@ var Sheet = ({ open, onOpenChange, children }) => {
     };
   }, [open, onOpenChange]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: React29.Children.map(children, (child) => {
-    if (React29.isValidElement(child)) {
-      return React29.cloneElement(child, { onOpenChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: React32.Children.map(children, (child) => {
+    if (React32.isValidElement(child)) {
+      return React32.cloneElement(child, { onOpenChange });
     }
     return child;
   }) });
@@ -2405,15 +2692,15 @@ var sheetVariants = {
   left: "inset-y-0 left-0 h-full w-[448px] border-r",
   right: "inset-y-0 right-0 h-full w-[448px] border-l"
 };
-var SheetContent = React29.forwardRef(
-  ({ className, children, onOpenChange, side = "right", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var SheetContent = React32.forwardRef(
+  ({ className, children, onOpenChange, side = "right", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: "fixed inset-0 z-50",
       onClick: () => onOpenChange?.(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             ref,
@@ -2427,13 +2714,13 @@ var SheetContent = React29.forwardRef(
             onClick: (e) => e.stopPropagation(),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "button",
                 {
                   onClick: () => onOpenChange?.(false),
                   className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
                 }
               ),
               children
@@ -2445,7 +2732,7 @@ var SheetContent = React29.forwardRef(
   )
 );
 SheetContent.displayName = "SheetContent";
-var SheetHeader = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetHeader = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
     ref,
@@ -2454,7 +2741,7 @@ var SheetHeader = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetHeader.displayName = "SheetHeader";
-var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "h2",
   {
     ref,
@@ -2463,7 +2750,7 @@ var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "p",
   {
     ref,
@@ -2472,7 +2759,7 @@ var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = "SheetDescription";
-var SheetFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetFooter = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
     ref,
@@ -2481,7 +2768,7 @@ var SheetFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetFooter.displayName = "SheetFooter";
-var SheetClose = React29.forwardRef(({ className, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetClose = React32.forwardRef(({ className, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "button",
   {
     ref,
@@ -2496,9 +2783,9 @@ var SheetClose = React29.forwardRef(({ className, onOpenChange, ...props }, ref)
 SheetClose.displayName = "SheetClose";
 
 // src/components/Skeleton/Skeleton.tsx
-var React30 = __toESM(require("react"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Skeleton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Skeleton = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "div",
   {
     ref,
@@ -2512,10 +2799,10 @@ var Skeleton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Skeleton.displayName = "Skeleton";
 
 // src/components/Slider/Slider.tsx
-var React31 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var Slider = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Slider = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -2525,18 +2812,18 @@ var Slider = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/Switch/Switch.tsx
-var React32 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Switch = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var Switch = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2545,7 +2832,7 @@ var Switch = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -2558,9 +2845,9 @@ var Switch = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/Table/Table.tsx
-var React33 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var Table = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var React36 = __toESM(require("react"), 1);
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Table = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "table",
   {
     ref,
@@ -2569,9 +2856,9 @@ var Table = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableBody = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tbody",
   {
     ref,
@@ -2580,7 +2867,7 @@ var TableBody = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tfoot",
   {
     ref,
@@ -2592,7 +2879,7 @@ var TableFooter = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableRow = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tr",
   {
     ref,
@@ -2604,7 +2891,7 @@ var TableRow = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableHead = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "th",
   {
     ref,
@@ -2616,7 +2903,7 @@ var TableHead = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCell = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "td",
   {
     ref,
@@ -2628,7 +2915,7 @@ var TableCell = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "caption",
   {
     ref,
@@ -2639,11 +2926,11 @@ var TableCaption = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/Tabs/Tabs.tsx
-var React34 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TabsList = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -2655,7 +2942,7 @@ var TabsList = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TabsTrigger = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -2667,7 +2954,7 @@ var TabsTrigger = React34.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TabsContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -2681,11 +2968,11 @@ var TabsContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/Textarea/Textarea.tsx
-var React35 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var Textarea = React35.forwardRef(
+var React38 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var Textarea = React38.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "textarea",
       {
         className: cn(
@@ -2703,9 +2990,9 @@ Textarea.displayName = "Textarea";
 // src/components/Toast/Toast.tsx
 var import_sonner = require("sonner");
 var import_sonner2 = require("sonner");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Toaster2 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_sonner.Toaster,
     {
       className: "toaster group",
@@ -2723,11 +3010,11 @@ var Toaster2 = ({ ...props }) => {
 };
 
 // src/components/Toggle/Toggle.tsx
-var React36 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority9.cva)(
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority11.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-muted data-[state=on]:text-foreground",
   {
     variants: {
@@ -2747,7 +3034,7 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React36.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var Toggle = React39.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -2757,17 +3044,38 @@ var Toggle = React36.forwardRef(({ className, variant, size, ...props }, ref) =>
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
+// src/components/Tooltip/Tooltip.tsx
+var React40 = __toESM(require("react"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var Tooltip = React40.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      "div",
+      {
+        ref,
+        role: "tooltip",
+        className: cn(
+          "rounded-md border border-border bg-popover px-3 py-1.5 text-sm font-normal leading-5 text-popover-foreground shadow-md",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Tooltip.displayName = "Tooltip";
+
 // src/lib/theme.tsx
-var React37 = __toESM(require("react"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var ThemeContext = React37.createContext(void 0);
+var React41 = __toESM(require("react"), 1);
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var ThemeContext = React41.createContext(void 0);
 function ThemeProvider({
   children,
   defaultTheme = "auto",
   storageKey = "cc-theme",
   enablePersistence = true
 }) {
-  const [theme, setThemeState] = React37.useState(() => {
+  const [theme, setThemeState] = React41.useState(() => {
     if (typeof window === "undefined") return defaultTheme;
     if (enablePersistence) {
       const stored = window.localStorage.getItem(storageKey);
@@ -2777,13 +3085,13 @@ function ThemeProvider({
     }
     return defaultTheme;
   });
-  const [actualTheme, setActualTheme] = React37.useState(() => {
+  const [actualTheme, setActualTheme] = React41.useState(() => {
     if (theme === "auto") {
       return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     }
     return theme;
   });
-  React37.useEffect(() => {
+  React41.useEffect(() => {
     const root = window.document.documentElement;
     if (theme === "auto") {
       root.removeAttribute("data-theme");
@@ -2791,7 +3099,7 @@ function ThemeProvider({
       root.setAttribute("data-theme", theme);
     }
   }, [theme]);
-  React37.useEffect(() => {
+  React41.useEffect(() => {
     if (theme !== "auto") {
       setActualTheme(theme);
       return;
@@ -2806,7 +3114,7 @@ function ThemeProvider({
       mediaQuery.removeEventListener("change", handleChange);
     };
   }, [theme]);
-  const setTheme = React37.useCallback(
+  const setTheme = React41.useCallback(
     (newTheme) => {
       setThemeState(newTheme);
       if (enablePersistence && typeof window !== "undefined") {
@@ -2819,7 +3127,7 @@ function ThemeProvider({
     },
     [enablePersistence, storageKey]
   );
-  const value = React37.useMemo(
+  const value = React41.useMemo(
     () => ({
       theme,
       setTheme,
@@ -2827,10 +3135,10 @@ function ThemeProvider({
     }),
     [theme, setTheme, actualTheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ThemeContext.Provider, { value, children });
 }
 function useTheme() {
-  const context = React37.useContext(ThemeContext);
+  const context = React41.useContext(ThemeContext);
   if (context === void 0) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -2846,6 +3154,7 @@ function isValidTheme(value) {
   AccordionItem,
   AccordionTrigger,
   Activity,
+  AddUserButton,
   Alert,
   AlertCircle,
   AlertDescription,
@@ -2865,6 +3174,8 @@ function isValidTheme(value) {
   ArrowUp,
   Avatar,
   AvatarFallback,
+  AvatarGroup,
+  AvatarGroupItem,
   AvatarImage,
   Award,
   Badge,
@@ -2953,6 +3264,10 @@ function isValidTheme(value) {
   DrawerFooter,
   DrawerHeader,
   DrawerTitle,
+  DropdownMenu,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
   Edit,
   Edit2,
   Edit3,
@@ -3036,6 +3351,8 @@ function isValidTheme(value) {
   Minimize,
   Minimize2,
   Minus,
+  ModelSelector,
+  ModelUserManagement,
   Monitor,
   Moon,
   MoreHorizontal,
@@ -3140,6 +3457,7 @@ function isValidTheme(value) {
   Toast,
   Toaster,
   Toggle,
+  Tooltip,
   Trash,
   Trash2,
   TrendingDown,
@@ -3150,7 +3468,10 @@ function isValidTheme(value) {
   Unlock,
   Upload,
   User,
+  UserAvatars,
   UserCheck,
+  UserDropdownTrigger,
+  UserManagementGroup,
   UserMinus,
   UserPlus,
   UserX,
@@ -3169,9 +3490,11 @@ function isValidTheme(value) {
   XCircle,
   Youtube,
   Zap,
+  avatarGroupVariants,
   badgeVariants,
   buttonVariants,
   cn,
+  dropdownMenuItemVariants,
   indicatorCircleVariants,
   indicatorDotVariants,
   menubarItemVariants,