@propknot/shared-ui 1.0.26 → 1.1.0

package/dist/index.mjs

@@ -231,7 +231,10 @@ import React2, { createContext, useContext, useState, useEffect } from "react";
 // src/services/api.js
 import axios from "axios";
 var getApiUrl = () => {
-  if (process.env.REACT_APP_API_URL) {
+  if (typeof import.meta !== "undefined" && import.meta.env && import.meta.env.VITE_API_URL) {
+    return import.meta.env.VITE_API_URL;
+  }
+  if (typeof process !== "undefined" && process.env && process.env.REACT_APP_API_URL) {
     return process.env.REACT_APP_API_URL;
   }
   const hostname = window.location.hostname;
@@ -1534,17 +1537,23 @@ var CustomThemeProvider = ({ children }) => {
     if (!isEmbedded) return;
     let isInitialRequest = true;
     const handleMessage = (event) => {
-      if (!event.origin.startsWith("http://localhost:")) return;
+      const expectedOriginProtocol = window.location.protocol;
+      const expectedOriginHostname = window.location.hostname;
+      if (!event.origin.startsWith(`${expectedOriginProtocol}//${expectedOriginHostname}`)) {
+        console.warn("[SharedUI Theme] Rejected message from:", event.origin);
+        return;
+      }
+      console.log("[SharedUI Theme] Received message:", event.data);
       const { type, theme } = event.data;
-      if (type === "THEME_CHANGE" && theme && ["light", "dark"].includes(theme)) {
-        const storedTheme2 = localStorage.getItem("embedded-theme");
-        if (isInitialRequest && storedTheme2 && storedTheme2 !== theme) {
+      if (type === "THEME_CHANGE" && theme) {
+        const themeValue = typeof theme === "object" ? theme.mode : theme;
+        if (["light", "dark"].includes(themeValue)) {
+          console.log("[SharedUI Theme] Updating theme to:", themeValue);
+          const storedTheme2 = localStorage.getItem("embedded-theme");
           isInitialRequest = false;
-          return;
+          setCurrentTheme(themeValue);
+          localStorage.setItem("embedded-theme", themeValue);
         }
-        isInitialRequest = false;
-        setCurrentTheme(theme);
-        localStorage.setItem("embedded-theme", theme);
       }
     };
     window.addEventListener("message", handleMessage);
@@ -1607,6 +1616,15 @@ var CustomThemeProvider = ({ children }) => {
   const themeObject = effectiveTheme === "dark" ? darkTheme : lightTheme;
   const isDarkMode = effectiveTheme === "dark";
   const effectiveBrandingColor = getEffectiveBrandingColor();
+  useEffect2(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (effectiveTheme === "dark") {
+      root.classList.add("dark");
+    } else {
+      root.classList.add("light");
+    }
+  }, [effectiveTheme]);
   const value = {
     currentThemeKey: effectiveTheme,
     theme: themeObject,
@@ -3187,11 +3205,219 @@ var ModernCardContent = ({ children, sx = {}, ...props }) => {
 ModernCard.Content = ModernCardContent;
 var ModernCard_default = ModernCard;
 
-// src/components/UI/button.jsx
+// src/components/UI/accordion.jsx
 import * as React13 from "react";
-import { Slot } from "@radix-ui/react-slot";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React13.createElement(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React13.createElement(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+)));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props
+  },
+  /* @__PURE__ */ React13.createElement("div", { className: cn("pb-4 pt-0", className) }, children)
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/UI/alert.jsx
+import * as React14 from "react";
 import { cva } from "class-variance-authority";
-var buttonVariants = cva(
+var alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React14.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/UI/avatar.jsx
+import * as React15 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+var Avatar2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar2.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/UI/badge.jsx
+import * as React16 from "react";
+import { cva as cva2 } from "class-variance-authority";
+var badgeVariants = cva2(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge2({ className, variant, ...props }) {
+  return /* @__PURE__ */ React16.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/UI/breadcrumbs.jsx
+import * as React17 from "react";
+import { ChevronRight } from "lucide-react";
+var Breadcrumbs2 = React17.forwardRef(({
+  className,
+  separator,
+  children,
+  ...props
+}, ref) => {
+  const Separator3 = separator || /* @__PURE__ */ React17.createElement(ChevronRight, { className: "h-4 w-4" });
+  const items = React17.Children.toArray(children);
+  return /* @__PURE__ */ React17.createElement(
+    "nav",
+    {
+      ref,
+      "aria-label": "Breadcrumb",
+      className: cn("flex items-center space-x-1 text-sm text-muted-foreground", className),
+      ...props
+    },
+    /* @__PURE__ */ React17.createElement("ol", { className: "flex items-center space-x-1" }, items.map((child, index) => /* @__PURE__ */ React17.createElement("li", { key: index, className: "flex items-center space-x-1" }, child, index < items.length - 1 && /* @__PURE__ */ React17.createElement("span", { className: "mx-1", "aria-hidden": "true" }, Separator3))))
+  );
+});
+Breadcrumbs2.displayName = "Breadcrumbs";
+var BreadcrumbItem = React17.forwardRef(({
+  className,
+  isCurrentPage,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ React17.createElement(
+  "span",
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center",
+      isCurrentPage ? "font-medium text-foreground" : "hover:text-foreground transition-colors",
+      className
+    ),
+    "aria-current": isCurrentPage ? "page" : void 0,
+    ...props
+  },
+  children
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React17.forwardRef(({
+  className,
+  href,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ React17.createElement(
+  "a",
+  {
+    ref,
+    href,
+    className: cn(
+      "hover:text-foreground transition-colors hover:underline",
+      className
+    ),
+    ...props
+  },
+  children
+));
+BreadcrumbLink.displayName = "BreadcrumbLink";
+
+// src/components/UI/button.jsx
+import * as React18 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva3 } from "class-variance-authority";
+var buttonVariants = cva3(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium 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",
   {
     variants: {
@@ -3216,12 +3442,12 @@ var buttonVariants = cva(
     }
   }
 );
-var Button2 = React13.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+var Button2 = React18.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React18.createElement(
     Comp,
     {
-      className: cn(buttonVariants({ variant, size, className })),
+      className: cn(buttonVariants({ variant, size }), className),
       ref,
       ...props
     }
@@ -3230,8 +3456,8 @@ var Button2 = React13.forwardRef(({ className, variant, size, asChild = false, .
 Button2.displayName = "Button";
 
 // src/components/UI/card.jsx
-import * as React14 from "react";
-var Card2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+import * as React19 from "react";
+var Card2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "div",
   {
     ref,
@@ -3243,7 +3469,7 @@ var Card2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card2.displayName = "Card";
-var CardHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "div",
   {
     ref,
@@ -3252,7 +3478,7 @@ var CardHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "h3",
   {
     ref,
@@ -3264,7 +3490,7 @@ var CardTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "p",
   {
     ref,
@@ -3273,9 +3499,9 @@ var CardDescription = React14.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent2.displayName = "CardContent";
-var CardFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var CardFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "div",
   {
     ref,
@@ -3285,100 +3511,1010 @@ var CardFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 CardFooter.displayName = "CardFooter";
 
-// src/components/UI/input.jsx
-import * as React15 from "react";
-var Input = React15.forwardRef(({ className, type, ...props }, ref) => {
-  return /* @__PURE__ */ React15.createElement(
-    "input",
+// src/components/UI/checkbox.jsx
+import * as React20 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+var Checkbox = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React20.createElement(
+    CheckboxPrimitive.Indicator,
     {
-      type,
+      className: cn("flex items-center justify-center text-current")
+    },
+    /* @__PURE__ */ React20.createElement(Check, { className: "h-4 w-4" })
+  )
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/UI/container.jsx
+import * as React21 from "react";
+var Container2 = React21.forwardRef(({ className, maxWidth = "7xl", centered = true, ...props }, ref) => {
+  const maxWidthClasses = {
+    sm: "max-w-screen-sm",
+    md: "max-w-screen-md",
+    lg: "max-w-screen-lg",
+    xl: "max-w-screen-xl",
+    "2xl": "max-w-screen-2xl",
+    "7xl": "max-w-7xl",
+    full: "max-w-full"
+  };
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      ref,
       className: cn(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "w-full px-4 sm:px-6 lg:px-8",
+        centered && "mx-auto",
+        maxWidthClasses[maxWidth] || maxWidthClasses["7xl"],
         className
       ),
-      ref,
       ...props
     }
   );
 });
-Input.displayName = "Input";
+Container2.displayName = "Container";
 
-// src/components/UI/label.jsx
-import * as React16 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva2 } from "class-variance-authority";
-var labelVariants = cva2(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+// src/components/UI/dialog.jsx
+import * as React22 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React22.createElement(DialogPortal, null, /* @__PURE__ */ React22.createElement(DialogOverlay, null), /* @__PURE__ */ React22.createElement(
+  DialogPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React22.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React22.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React22.createElement("span", { className: "sr-only" }, "Close"))
+)));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React22.createElement(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
 );
-var Label = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
-  LabelPrimitive.Root,
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React22.createElement(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+  DialogPrimitive.Title,
   {
     ref,
-    className: cn(labelVariants(), className),
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
     ...props
   }
 ));
-Label.displayName = LabelPrimitive.Root.displayName;
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// src/components/UI/typography.jsx
-import * as React17 from "react";
-import { cva as cva3 } from "class-variance-authority";
-var headingVariants = cva3("scroll-m-20 tracking-tight", {
-  variants: {
-    level: {
-      h1: "text-4xl font-extrabold lg:text-5xl",
-      h2: "text-3xl font-semibold",
-      h3: "text-2xl font-semibold",
-      h4: "text-xl font-semibold",
-      h5: "text-lg font-semibold",
-      h6: "text-base font-semibold"
+// src/components/UI/grid.jsx
+import * as React23 from "react";
+var Grid = React23.forwardRef(({
+  className,
+  cols = 1,
+  sm,
+  md,
+  lg,
+  xl,
+  gap = 4,
+  ...props
+}, ref) => {
+  const colsClasses = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4",
+    5: "grid-cols-5",
+    6: "grid-cols-6",
+    12: "grid-cols-12"
+  };
+  const responsiveClasses = {
+    sm: sm ? `sm:grid-cols-${sm}` : null,
+    md: md ? `md:grid-cols-${md}` : null,
+    lg: lg ? `lg:grid-cols-${lg}` : null,
+    xl: xl ? `xl:grid-cols-${xl}` : null
+  };
+  const gapClass = `gap-${gap}`;
+  return /* @__PURE__ */ React23.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "grid",
+        colsClasses[cols] || "grid-cols-1",
+        responsiveClasses.sm,
+        responsiveClasses.md,
+        responsiveClasses.lg,
+        responsiveClasses.xl,
+        gapClass,
+        className
+      ),
+      ...props
     }
-  },
-  defaultVariants: {
-    level: "h2"
-  }
+  );
 });
-var Heading = React17.forwardRef(({ className, level = "h2", ...props }, ref) => {
-  const Comp = level;
-  return /* @__PURE__ */ React17.createElement(
-    Comp,
+Grid.displayName = "Grid";
+var GridItem = React23.forwardRef(({
+  className,
+  colSpan = 1,
+  colStart,
+  colEnd,
+  rowSpan = 1,
+  rowStart,
+  rowEnd,
+  ...props
+}, ref) => {
+  const spanClasses = {
+    1: "col-span-1",
+    2: "col-span-2",
+    3: "col-span-3",
+    4: "col-span-4",
+    5: "col-span-5",
+    6: "col-span-6",
+    12: "col-span-12",
+    full: "col-span-full"
+  };
+  const rowSpanClasses = {
+    1: "row-span-1",
+    2: "row-span-2",
+    3: "row-span-3",
+    4: "row-span-4",
+    5: "row-span-5",
+    6: "row-span-6"
+  };
+  return /* @__PURE__ */ React23.createElement(
+    "div",
     {
       ref,
-      className: cn(headingVariants({ level, className })),
+      className: cn(
+        spanClasses[colSpan],
+        rowSpanClasses[rowSpan],
+        colStart && `col-start-${colStart}`,
+        colEnd && `col-end-${colEnd}`,
+        rowStart && `row-start-${rowStart}`,
+        rowEnd && `row-end-${rowEnd}`,
+        className
+      ),
       ...props
     }
   );
 });
-Heading.displayName = "Heading";
-var H1 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
-  "h1",
+GridItem.displayName = "GridItem";
+Grid.Item = GridItem;
+
+// src/components/UI/header.jsx
+import * as React24 from "react";
+var Header2 = React24.forwardRef(({
+  className,
+  sticky = false,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "header",
   {
     ref,
-    className: cn("scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl", className),
+    className: cn(
+      "w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+      sticky && "sticky top-0 z-50",
+      className
+    ),
     ...props
   }
 ));
-H1.displayName = "H1";
-var H2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
-  "h2",
+Header2.displayName = "Header";
+var HeaderContainer = React24.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "div",
   {
     ref,
-    className: cn("scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0", className),
+    className: cn(
+      "container flex h-14 items-center",
+      className
+    ),
     ...props
   }
 ));
-H2.displayName = "H2";
-var H3 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
-  "h3",
+HeaderContainer.displayName = "HeaderContainer";
+var HeaderNav = React24.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "nav",
   {
     ref,
-    className: cn("scroll-m-20 text-2xl font-semibold tracking-tight", className),
+    className: cn("flex items-center space-x-4 lg:space-x-6", className),
     ...props
   }
 ));
-H3.displayName = "H3";
-var H4 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
-  "h4",
+HeaderNav.displayName = "HeaderNav";
+var HeaderActions = React24.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "div",
+  {
+    ref,
+    className: cn("ml-auto flex items-center space-x-4", className),
+    ...props
+  }
+));
+HeaderActions.displayName = "HeaderActions";
+var HeaderBrand = React24.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "div",
+  {
+    ref,
+    className: cn("mr-4 flex items-center space-x-2", className),
+    ...props
+  }
+));
+HeaderBrand.displayName = "HeaderBrand";
+var HeaderLink = React24.forwardRef(({
+  className,
+  active = false,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "a",
+  {
+    ref,
+    className: cn(
+      "text-sm font-medium transition-colors hover:text-primary",
+      active ? "text-foreground" : "text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+HeaderLink.displayName = "HeaderLink";
+
+// src/components/UI/input.jsx
+import * as React25 from "react";
+var Input = React25.forwardRef(({ className, type, ...props }, ref) => {
+  return /* @__PURE__ */ React25.createElement(
+    "input",
+    {
+      type,
+      className: cn(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Input.displayName = "Input";
+
+// src/components/UI/label.jsx
+import * as React26 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva4 } from "class-variance-authority";
+var labelVariants = cva4(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/UI/list.jsx
+import * as React27 from "react";
+var List2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+  "ul",
+  {
+    ref,
+    className: cn("space-y-1", className),
+    ...props
+  }
+));
+List2.displayName = "List";
+var ListItem2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+  "li",
+  {
+    ref,
+    className: cn(
+      "flex items-center gap-3 rounded-lg px-3 py-2",
+      className
+    ),
+    ...props
+  }
+));
+ListItem2.displayName = "ListItem";
+var ListItemText2 = React27.forwardRef(({ primary, secondary, className, ...props }, ref) => /* @__PURE__ */ React27.createElement("div", { ref, className: cn("flex flex-col gap-1", className), ...props }, primary && /* @__PURE__ */ React27.createElement("p", { className: "text-sm font-medium leading-none" }, primary), secondary && /* @__PURE__ */ React27.createElement("p", { className: "text-sm text-muted-foreground" }, secondary)));
+ListItemText2.displayName = "ListItemText";
+var ListItemIcon2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex h-5 w-5 shrink-0 items-center justify-center", className),
+    ...props
+  }
+));
+ListItemIcon2.displayName = "ListItemIcon";
+
+// src/components/UI/popover.jsx
+import * as React28 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React28.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React28.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/UI/progress.jsx
+import * as React29 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+var Progress = React29.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React29.createElement(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React29.createElement(
+    ProgressPrimitive.Indicator,
+    {
+      className: "h-full w-full flex-1 bg-primary transition-all",
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  )
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/UI/select.jsx
+import * as React30 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React30.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React30.createElement(ChevronDown2, { className: "h-4 w-4 opacity-50" }))
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React30.createElement(ChevronUp, { className: "h-4 w-4" })
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React30.createElement(ChevronDown2, { className: "h-4 w-4" })
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React30.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React30.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props
+  },
+  /* @__PURE__ */ React30.createElement(SelectScrollUpButton, null),
+  /* @__PURE__ */ React30.createElement(
+    SelectPrimitive.Viewport,
+    {
+      className: cn(
+        "p-1",
+        position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+      )
+    },
+    children
+  ),
+  /* @__PURE__ */ React30.createElement(SelectScrollDownButton, null)
+)));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React30.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React30.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React30.createElement(Check2, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React30.createElement(SelectPrimitive.ItemText, null, children)
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/UI/separator.jsx
+import * as React31 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+var Separator2 = React31.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React31.createElement(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/UI/sheet.jsx
+import * as React32 from "react";
+import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+import { cva as cva5 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+var Sheet = DialogPrimitive2.Root;
+var SheetTrigger = DialogPrimitive2.Trigger;
+var SheetClose = DialogPrimitive2.Close;
+var SheetPortal = DialogPrimitive2.Portal;
+var SheetOverlay = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React32.createElement(
+  DialogPrimitive2.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+var sheetVariants = cva5(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React32.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React32.createElement(SheetPortal, null, /* @__PURE__ */ React32.createElement(SheetOverlay, null), /* @__PURE__ */ React32.createElement(
+  DialogPrimitive2.Content,
+  {
+    ref,
+    className: cn(sheetVariants({ side }), className),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React32.createElement(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React32.createElement(X2, { className: "h-4 w-4" }), /* @__PURE__ */ React32.createElement("span", { className: "sr-only" }, "Close"))
+)));
+SheetContent.displayName = DialogPrimitive2.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React32.createElement(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React32.createElement(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React32.createElement(
+  DialogPrimitive2.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive2.Title.displayName;
+var SheetDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React32.createElement(
+  DialogPrimitive2.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive2.Description.displayName;
+
+// src/components/UI/skeleton.jsx
+import * as React33 from "react";
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React33.createElement(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/components/UI/stack.jsx
+import * as React34 from "react";
+var Stack5 = React34.forwardRef(({
+  className,
+  direction = "vertical",
+  spacing = 4,
+  align = "stretch",
+  justify = "start",
+  wrap = false,
+  ...props
+}, ref) => {
+  const directionClasses = {
+    vertical: "flex-col",
+    horizontal: "flex-row"
+  };
+  const spacingClasses = {
+    vertical: {
+      0: "space-y-0",
+      1: "space-y-1",
+      2: "space-y-2",
+      3: "space-y-3",
+      4: "space-y-4",
+      5: "space-y-5",
+      6: "space-y-6",
+      8: "space-y-8"
+    },
+    horizontal: {
+      0: "space-x-0",
+      1: "space-x-1",
+      2: "space-x-2",
+      3: "space-x-3",
+      4: "space-x-4",
+      5: "space-x-5",
+      6: "space-x-6",
+      8: "space-x-8"
+    }
+  };
+  const alignClasses = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch",
+    baseline: "items-baseline"
+  };
+  const justifyClasses = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly"
+  };
+  return /* @__PURE__ */ React34.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex",
+        directionClasses[direction] || directionClasses.vertical,
+        spacingClasses[direction][spacing] || spacingClasses.vertical[4],
+        alignClasses[align] || alignClasses.stretch,
+        justifyClasses[justify] || justifyClasses.start,
+        wrap && "flex-wrap",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Stack5.displayName = "Stack";
+var HStack = React34.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React34.createElement(Stack5, { ref, direction: "horizontal", ...props }));
+HStack.displayName = "HStack";
+var VStack = React34.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React34.createElement(Stack5, { ref, direction: "vertical", ...props }));
+VStack.displayName = "VStack";
+
+// src/components/UI/switch.jsx
+import * as React35 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+var Switch = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React35.createElement(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref
+  },
+  /* @__PURE__ */ React35.createElement(
+    SwitchPrimitives.Thumb,
+    {
+      className: cn(
+        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+      )
+    }
+  )
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/UI/table.jsx
+import * as React36 from "react";
+var Table = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React36.createElement(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+)));
+Table.displayName = "Table";
+var TableHeader = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/UI/tabs.jsx
+import * as React37 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all 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=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/UI/textarea.jsx
+import * as React38 from "react";
+var Textarea = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React38.createElement(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+
+// src/components/UI/toast.jsx
+import * as React39 from "react";
+import { Toaster as Sonner } from "sonner";
+var Toaster = ({ ...props }) => {
+  return /* @__PURE__ */ React39.createElement(
+    Sonner,
+    {
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+// src/components/UI/tooltip.jsx
+import * as React40 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React40.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/UI/typography.jsx
+import * as React41 from "react";
+import { cva as cva6 } from "class-variance-authority";
+var headingVariants = cva6("scroll-m-20 tracking-tight", {
+  variants: {
+    level: {
+      h1: "text-4xl font-extrabold lg:text-5xl",
+      h2: "text-3xl font-semibold",
+      h3: "text-2xl font-semibold",
+      h4: "text-xl font-semibold",
+      h5: "text-lg font-semibold",
+      h6: "text-base font-semibold"
+    }
+  },
+  defaultVariants: {
+    level: "h2"
+  }
+});
+var Heading = React41.forwardRef(({ className, level = "h2", ...props }, ref) => {
+  const Comp = level;
+  return /* @__PURE__ */ React41.createElement(
+    Comp,
+    {
+      ref,
+      className: cn(headingVariants({ level, className })),
+      ...props
+    }
+  );
+});
+Heading.displayName = "Heading";
+var H1 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "h1",
+  {
+    ref,
+    className: cn("scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl", className),
+    ...props
+  }
+));
+H1.displayName = "H1";
+var H2 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "h2",
+  {
+    ref,
+    className: cn("scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0", className),
+    ...props
+  }
+));
+H2.displayName = "H2";
+var H3 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "h3",
+  {
+    ref,
+    className: cn("scroll-m-20 text-2xl font-semibold tracking-tight", className),
+    ...props
+  }
+));
+H3.displayName = "H3";
+var H4 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "h4",
   {
     ref,
     className: cn("scroll-m-20 text-xl font-semibold tracking-tight", className),
@@ -3386,7 +4522,7 @@ var H4 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ Re
   }
 ));
 H4.displayName = "H4";
-var P = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var P = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "p",
   {
     ref,
@@ -3395,7 +4531,7 @@ var P = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ Rea
   }
 ));
 P.displayName = "P";
-var Blockquote = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var Blockquote = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "blockquote",
   {
     ref,
@@ -3404,7 +4540,7 @@ var Blockquote = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 Blockquote.displayName = "Blockquote";
-var List2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var List4 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "ul",
   {
     ref,
@@ -3412,8 +4548,8 @@ var List2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ...props
   }
 ));
-List2.displayName = "List";
-var InlineCode = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+List4.displayName = "List";
+var InlineCode = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "code",
   {
     ref,
@@ -3425,7 +4561,7 @@ var InlineCode = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 InlineCode.displayName = "InlineCode";
-var Lead = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var Lead = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "p",
   {
     ref,
@@ -3434,7 +4570,7 @@ var Lead = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Lead.displayName = "Lead";
-var Large = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var Large = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "div",
   {
     ref,
@@ -3443,7 +4579,7 @@ var Large = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Large.displayName = "Large";
-var Small = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var Small = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "small",
   {
     ref,
@@ -3452,7 +4588,7 @@ var Small = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Small.displayName = "Small";
-var Muted = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var Muted = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "p",
   {
     ref,
@@ -3463,24 +4599,24 @@ var Muted = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Muted.displayName = "Muted";
 
 // src/components/Notifications/NotificationManager.js
-import React18 from "react";
+import React42 from "react";
 import {
   Box as Box8,
   Snackbar,
-  Alert,
-  AlertTitle,
+  Alert as Alert2,
+  AlertTitle as AlertTitle2,
   IconButton as IconButton2,
   Button as Button3,
   LinearProgress,
   Typography as Typography6,
   Slide,
   Fade,
-  Stack as Stack5,
+  Stack as Stack6,
   Paper as Paper2,
   Chip
 } from "@mui/material";
 import {
-  Close,
+  Close as Close3,
   CheckCircle,
   Error as Error2,
   Warning,
@@ -3496,12 +4632,12 @@ var NotificationItem = ({ notification, onClose, onAction }) => {
   }
   const getSeverityIcon = (type) => {
     const icons = {
-      success: /* @__PURE__ */ React18.createElement(CheckCircle, null),
-      error: /* @__PURE__ */ React18.createElement(Error2, null),
-      warning: /* @__PURE__ */ React18.createElement(Warning, null),
-      info: /* @__PURE__ */ React18.createElement(Info, null)
+      success: /* @__PURE__ */ React42.createElement(CheckCircle, null),
+      error: /* @__PURE__ */ React42.createElement(Error2, null),
+      warning: /* @__PURE__ */ React42.createElement(Warning, null),
+      info: /* @__PURE__ */ React42.createElement(Info, null)
     };
-    return icons[type] || /* @__PURE__ */ React18.createElement(Info, null);
+    return icons[type] || /* @__PURE__ */ React42.createElement(Info, null);
   };
   const handleActionClick = (action) => {
     if (action && action.onClick) {
@@ -3516,12 +4652,12 @@ var NotificationItem = ({ notification, onClose, onAction }) => {
       onClose();
     }
   };
-  return /* @__PURE__ */ React18.createElement(
-    Alert,
+  return /* @__PURE__ */ React42.createElement(
+    Alert2,
     {
       severity: notification.type,
       icon: getSeverityIcon(notification.type),
-      action: /* @__PURE__ */ React18.createElement(Box8, { display: "flex", alignItems: "center", gap: 1 }, (_a = notification.actions) == null ? void 0 : _a.map((action, index) => /* @__PURE__ */ React18.createElement(
+      action: /* @__PURE__ */ React42.createElement(Box8, { display: "flex", alignItems: "center", gap: 1 }, (_a = notification.actions) == null ? void 0 : _a.map((action, index) => /* @__PURE__ */ React42.createElement(
         Button3,
         {
           key: index,
@@ -3537,14 +4673,14 @@ var NotificationItem = ({ notification, onClose, onAction }) => {
           }
         },
         action.label
-      )), typeof notification.progress === "number" && /* @__PURE__ */ React18.createElement(Box8, { sx: { minWidth: 120 } }, /* @__PURE__ */ React18.createElement(
+      )), typeof notification.progress === "number" && /* @__PURE__ */ React42.createElement(Box8, { sx: { minWidth: 120 } }, /* @__PURE__ */ React42.createElement(
         LinearProgress,
         {
           variant: "determinate",
           value: notification.progress,
           sx: { height: 6, borderRadius: 3 }
         }
-      ), /* @__PURE__ */ React18.createElement(Typography6, { variant: "caption", sx: { fontSize: "0.7rem" } }, Math.round(notification.progress), "%")), notification.timestamp && /* @__PURE__ */ React18.createElement(
+      ), /* @__PURE__ */ React42.createElement(Typography6, { variant: "caption", sx: { fontSize: "0.7rem" } }, Math.round(notification.progress), "%")), notification.timestamp && /* @__PURE__ */ React42.createElement(
         Chip,
         {
           label: (() => {
@@ -3562,14 +4698,14 @@ var NotificationItem = ({ notification, onClose, onAction }) => {
             opacity: 0.7
           }
         }
-      ), notification.dismissible && /* @__PURE__ */ React18.createElement(
+      ), notification.dismissible && /* @__PURE__ */ React42.createElement(
         IconButton2,
         {
           size: "small",
           onClick: safeOnClose,
           sx: { ml: 1 }
         },
-        /* @__PURE__ */ React18.createElement(Close, { fontSize: "small" })
+        /* @__PURE__ */ React42.createElement(Close3, { fontSize: "small" })
       )),
       sx: {
         mb: 1,
@@ -3579,8 +4715,8 @@ var NotificationItem = ({ notification, onClose, onAction }) => {
         }
       }
     },
-    notification.title && /* @__PURE__ */ React18.createElement(AlertTitle, { sx: { fontSize: "0.875rem", mb: 0.5 } }, notification.title),
-    /* @__PURE__ */ React18.createElement(Typography6, { variant: "body2", sx: { fontSize: "0.8rem" } }, notification.message)
+    notification.title && /* @__PURE__ */ React42.createElement(AlertTitle2, { sx: { fontSize: "0.875rem", mb: 0.5 } }, notification.title),
+    /* @__PURE__ */ React42.createElement(Typography6, { variant: "body2", sx: { fontSize: "0.8rem" } }, notification.message)
   );
 };
 var NotificationManager = () => {
@@ -3591,7 +4727,7 @@ var NotificationManager = () => {
   if (notifications.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, persistentNotifications.length > 0 && /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, persistentNotifications.length > 0 && /* @__PURE__ */ React42.createElement(
     Box8,
     {
       sx: {
@@ -3605,7 +4741,7 @@ var NotificationManager = () => {
         overflow: "auto"
       }
     },
-    /* @__PURE__ */ React18.createElement(Stack5, { spacing: 1 }, persistentNotifications.length > 1 && /* @__PURE__ */ React18.createElement(Box8, { display: "flex", justifyContent: "flex-end", mb: 1 }, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React42.createElement(Stack6, { spacing: 1 }, persistentNotifications.length > 1 && /* @__PURE__ */ React42.createElement(Box8, { display: "flex", justifyContent: "flex-end", mb: 1 }, /* @__PURE__ */ React42.createElement(
       Button3,
       {
         size: "small",
@@ -3618,7 +4754,7 @@ var NotificationManager = () => {
       ")"
     )), persistentNotifications.map((notification) => {
       if (!notification || !notification.id) return null;
-      return /* @__PURE__ */ React18.createElement(Fade, { key: `notification-${notification.id}`, in: true, timeout: 300 }, /* @__PURE__ */ React18.createElement(Box8, null, /* @__PURE__ */ React18.createElement(
+      return /* @__PURE__ */ React42.createElement(Fade, { key: `notification-${notification.id}`, in: true, timeout: 300 }, /* @__PURE__ */ React42.createElement(Box8, null, /* @__PURE__ */ React42.createElement(
         NotificationItem,
         {
           notification,
@@ -3626,7 +4762,7 @@ var NotificationManager = () => {
         }
       )));
     }))
-  ), latestTemporary && /* @__PURE__ */ React18.createElement(
+  ), latestTemporary && /* @__PURE__ */ React42.createElement(
     Snackbar,
     {
       key: `temp-notification-${latestTemporary.id}`,
@@ -3642,7 +4778,7 @@ var NotificationManager = () => {
         }
       }
     },
-    /* @__PURE__ */ React18.createElement(Box8, null, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React42.createElement(Box8, null, /* @__PURE__ */ React42.createElement(
       NotificationItem,
       {
         notification: latestTemporary,
@@ -3654,24 +4790,24 @@ var NotificationManager = () => {
 var NotificationManager_default = NotificationManager;
 
 // src/components/Notifications/NotificationBell.js
-import React19, { useState as useState6, useEffect as useEffect5, useCallback as useCallback2 } from "react";
+import React43, { useState as useState6, useEffect as useEffect5, useCallback as useCallback2 } from "react";
 import {
   IconButton as IconButton3,
-  Badge as Badge2,
+  Badge as Badge3,
   Menu as Menu2,
   MenuItem as MenuItem2,
   Box as Box9,
   Typography as Typography7,
   Divider as Divider2,
-  Avatar as Avatar2,
-  ListItemText as ListItemText2,
+  Avatar as Avatar3,
+  ListItemText as ListItemText3,
   ListItemAvatar,
-  List as List3,
-  ListItem as ListItem2,
+  List as List5,
+  ListItem as ListItem3,
   Button as Button4,
   Chip as Chip2,
   CircularProgress as CircularProgress3,
-  Alert as Alert2
+  Alert as Alert3
 } from "@mui/material";
 import {
   Notifications as NotificationsIcon,
@@ -3685,7 +4821,7 @@ import {
   Payment,
   Home,
   Build,
-  Close as Close2,
+  Close as Close4,
   DoneAll,
   Settings as SettingsIcon
 } from "@mui/icons-material";
@@ -3819,30 +4955,30 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
       case "TICKET_RESOLVED":
       case "TICKET_COMMENTED":
       case "TICKET_STATUS_CHANGED":
-        return /* @__PURE__ */ React19.createElement(Assignment, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Assignment, { ...iconProps });
       case "MESSAGE_RECEIVED":
       case "MENTION_RECEIVED":
-        return /* @__PURE__ */ React19.createElement(Message, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Message, { ...iconProps });
       case "PAYMENT_DUE":
       case "PAYMENT_OVERDUE":
-        return /* @__PURE__ */ React19.createElement(Payment, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Payment, { ...iconProps });
       case "PROPERTY_UPDATED":
       case "LEASE_EXPIRING":
-        return /* @__PURE__ */ React19.createElement(Home, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Home, { ...iconProps });
       case "APPLIANCE_MAINTENANCE_DUE":
       case "MAINTENANCE_SCHEDULED":
-        return /* @__PURE__ */ React19.createElement(Build, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Build, { ...iconProps });
       case "SYSTEM_ALERT":
-        return /* @__PURE__ */ React19.createElement(Warning2, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Warning2, { ...iconProps });
       case "SUCCESS":
-        return /* @__PURE__ */ React19.createElement(CheckCircle2, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(CheckCircle2, { ...iconProps });
       case "ERROR":
-        return /* @__PURE__ */ React19.createElement(ErrorIcon, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(ErrorIcon, { ...iconProps });
       case "WARNING":
-        return /* @__PURE__ */ React19.createElement(Warning2, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Warning2, { ...iconProps });
       case "INFO":
       default:
-        return /* @__PURE__ */ React19.createElement(Info2, { ...iconProps });
+        return /* @__PURE__ */ React43.createElement(Info2, { ...iconProps });
     }
   };
   const getNotificationColor = (type) => {
@@ -3857,7 +4993,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
       HIGH: "warning",
       URGENT: "error"
     };
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React43.createElement(
       Chip2,
       {
         label: priority,
@@ -3867,7 +5003,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
       }
     );
   };
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(
     IconButton3,
     {
       color: "inherit",
@@ -3879,16 +5015,16 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
         }
       }
     },
-    /* @__PURE__ */ React19.createElement(
-      Badge2,
+    /* @__PURE__ */ React43.createElement(
+      Badge3,
       {
         badgeContent: unreadCount,
         color: "error",
         max: 99
       },
-      unreadCount > 0 ? /* @__PURE__ */ React19.createElement(NotificationsIcon, null) : /* @__PURE__ */ React19.createElement(NotificationsNone, null)
+      unreadCount > 0 ? /* @__PURE__ */ React43.createElement(NotificationsIcon, null) : /* @__PURE__ */ React43.createElement(NotificationsNone, null)
     )
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React43.createElement(
     Menu2,
     {
       anchorEl,
@@ -3906,7 +5042,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
       transformOrigin: { horizontal: "right", vertical: "top" },
       anchorOrigin: { horizontal: "right", vertical: "bottom" }
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React43.createElement(
       Box9,
       {
         sx: {
@@ -3919,7 +5055,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
           borderColor: "divider"
         }
       },
-      /* @__PURE__ */ React19.createElement(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 } }, /* @__PURE__ */ React19.createElement(NotificationsIcon, { color: "primary" }), /* @__PURE__ */ React19.createElement(Typography7, { variant: "h6", sx: { fontWeight: 600 } }, "Notifications"), unreadCount > 0 && /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React43.createElement(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 } }, /* @__PURE__ */ React43.createElement(NotificationsIcon, { color: "primary" }), /* @__PURE__ */ React43.createElement(Typography7, { variant: "h6", sx: { fontWeight: 600 } }, "Notifications"), unreadCount > 0 && /* @__PURE__ */ React43.createElement(
         Chip2,
         {
           label: unreadCount,
@@ -3928,19 +5064,19 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
           sx: { height: 22, fontSize: "0.75rem" }
         }
       )),
-      /* @__PURE__ */ React19.createElement(Box9, null, unreadCount > 0 && /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React43.createElement(Box9, null, unreadCount > 0 && /* @__PURE__ */ React43.createElement(
         Button4,
         {
           size: "small",
-          startIcon: /* @__PURE__ */ React19.createElement(DoneAll, null),
+          startIcon: /* @__PURE__ */ React43.createElement(DoneAll, null),
           onClick: handleMarkAllAsRead,
           sx: { textTransform: "none", fontSize: "0.75rem" }
         },
         "Mark all read"
-      ), /* @__PURE__ */ React19.createElement(IconButton3, { size: "small", onClick: handleClose }, /* @__PURE__ */ React19.createElement(Close2, { fontSize: "small" })))
+      ), /* @__PURE__ */ React43.createElement(IconButton3, { size: "small", onClick: handleClose }, /* @__PURE__ */ React43.createElement(Close4, { fontSize: "small" })))
     ),
-    error && /* @__PURE__ */ React19.createElement(Alert2, { severity: "error", sx: { m: 2 } }, error),
-    /* @__PURE__ */ React19.createElement(
+    error && /* @__PURE__ */ React43.createElement(Alert3, { severity: "error", sx: { m: 2 } }, error),
+    /* @__PURE__ */ React43.createElement(
       Box9,
       {
         sx: {
@@ -3949,7 +5085,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
           maxHeight: 450
         }
       },
-      loading && notifications.length === 0 ? /* @__PURE__ */ React19.createElement(Box9, { sx: { display: "flex", justifyContent: "center", p: 4 } }, /* @__PURE__ */ React19.createElement(CircularProgress3, { size: 32 })) : notifications.length === 0 ? /* @__PURE__ */ React19.createElement(
+      loading && notifications.length === 0 ? /* @__PURE__ */ React43.createElement(Box9, { sx: { display: "flex", justifyContent: "center", p: 4 } }, /* @__PURE__ */ React43.createElement(CircularProgress3, { size: 32 })) : notifications.length === 0 ? /* @__PURE__ */ React43.createElement(
         Box9,
         {
           sx: {
@@ -3961,15 +5097,15 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
             textAlign: "center"
           }
         },
-        /* @__PURE__ */ React19.createElement(NotificationsNone, { sx: { fontSize: 64, color: "text.secondary", mb: 2 } }),
-        /* @__PURE__ */ React19.createElement(Typography7, { variant: "body1", color: "text.secondary", sx: { fontWeight: 500 } }, "No notifications yet"),
-        /* @__PURE__ */ React19.createElement(Typography7, { variant: "body2", color: "text.secondary" }, "You're all caught up!")
-      ) : /* @__PURE__ */ React19.createElement(List3, { sx: { p: 0 } }, notifications.map((notification, index) => {
+        /* @__PURE__ */ React43.createElement(NotificationsNone, { sx: { fontSize: 64, color: "text.secondary", mb: 2 } }),
+        /* @__PURE__ */ React43.createElement(Typography7, { variant: "body1", color: "text.secondary", sx: { fontWeight: 500 } }, "No notifications yet"),
+        /* @__PURE__ */ React43.createElement(Typography7, { variant: "body2", color: "text.secondary" }, "You're all caught up!")
+      ) : /* @__PURE__ */ React43.createElement(List5, { sx: { p: 0 } }, notifications.map((notification, index) => {
         const isRead = notification.is_read || notification.read;
         const notifId = notification.id || notification._id;
         const createdAt = notification.created_at || notification.createdAt;
-        return /* @__PURE__ */ React19.createElement(React19.Fragment, { key: notifId }, /* @__PURE__ */ React19.createElement(
-          ListItem2,
+        return /* @__PURE__ */ React43.createElement(React43.Fragment, { key: notifId }, /* @__PURE__ */ React43.createElement(
+          ListItem3,
           {
             button: true,
             onClick: () => handleNotificationClick(notification),
@@ -3985,8 +5121,8 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
               transition: "all 0.2s"
             }
           },
-          /* @__PURE__ */ React19.createElement(ListItemAvatar, null, /* @__PURE__ */ React19.createElement(
-            Avatar2,
+          /* @__PURE__ */ React43.createElement(ListItemAvatar, null, /* @__PURE__ */ React43.createElement(
+            Avatar3,
             {
               sx: {
                 bgcolor: isRead ? "grey.300" : getNotificationColor(notification.type),
@@ -3996,10 +5132,10 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
             },
             getNotificationIcon(notification.type)
           )),
-          /* @__PURE__ */ React19.createElement(
-            ListItemText2,
+          /* @__PURE__ */ React43.createElement(
+            ListItemText3,
             {
-              primary: /* @__PURE__ */ React19.createElement(Box9, { sx: { display: "flex", alignItems: "center", mb: 0.5 } }, /* @__PURE__ */ React19.createElement(
+              primary: /* @__PURE__ */ React43.createElement(Box9, { sx: { display: "flex", alignItems: "center", mb: 0.5 } }, /* @__PURE__ */ React43.createElement(
                 Typography7,
                 {
                   variant: "body2",
@@ -4010,7 +5146,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
                 },
                 notification.title
               ), getPriorityChip(notification.priority)),
-              secondary: /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+              secondary: /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(
                 Typography7,
                 {
                   variant: "body2",
@@ -4024,12 +5160,12 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
                   }
                 },
                 notification.message
-              ), /* @__PURE__ */ React19.createElement(Typography7, { variant: "caption", color: "text.secondary" }, formatDistanceToNow(new Date(createdAt), { addSuffix: true })))
+              ), /* @__PURE__ */ React43.createElement(Typography7, { variant: "caption", color: "text.secondary" }, formatDistanceToNow(new Date(createdAt), { addSuffix: true })))
             }
           )
-        ), index < notifications.length - 1 && /* @__PURE__ */ React19.createElement(Divider2, null));
+        ), index < notifications.length - 1 && /* @__PURE__ */ React43.createElement(Divider2, null));
       })),
-      hasMore && notifications.length > 0 && /* @__PURE__ */ React19.createElement(Box9, { sx: { p: 2, textAlign: "center", borderTop: "1px solid", borderColor: "divider" } }, /* @__PURE__ */ React19.createElement(
+      hasMore && notifications.length > 0 && /* @__PURE__ */ React43.createElement(Box9, { sx: { p: 2, textAlign: "center", borderTop: "1px solid", borderColor: "divider" } }, /* @__PURE__ */ React43.createElement(
         Button4,
         {
           onClick: handleLoadMore,
@@ -4040,7 +5176,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
         loading ? "Loading..." : "Load more"
       ))
     ),
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React43.createElement(
       Box9,
       {
         sx: {
@@ -4050,11 +5186,11 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
           textAlign: "center"
         }
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React43.createElement(
         Button4,
         {
           size: "small",
-          startIcon: /* @__PURE__ */ React19.createElement(SettingsIcon, null),
+          startIcon: /* @__PURE__ */ React43.createElement(SettingsIcon, null),
           onClick: () => {
             window.location.href = "/settings?tab=general";
             handleClose();
@@ -4069,22 +5205,22 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
 var NotificationBell_default = NotificationBell;
 
 // src/components/ErrorBoundary/ErrorBoundary.js
-import React20 from "react";
+import React44 from "react";
 import {
   Box as Box10,
   Typography as Typography8,
   Button as Button5,
   Card as Card3,
   CardContent as CardContent3,
-  Alert as Alert3,
-  Stack as Stack6
+  Alert as Alert4,
+  Stack as Stack7
 } from "@mui/material";
 import {
   Refresh as Refresh2,
   BugReport,
   Home as Home2
 } from "@mui/icons-material";
-var ErrorBoundary = class extends React20.Component {
+var ErrorBoundary = class extends React44.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -4125,7 +5261,7 @@ var ErrorBoundary = class extends React20.Component {
     if (this.state.hasError) {
       const isNavigationError = (_b = (_a = this.state.error) == null ? void 0 : _a.message) == null ? void 0 : _b.includes("getBoundingClientRect");
       const isDOMError = ((_d = (_c = this.state.error) == null ? void 0 : _c.message) == null ? void 0 : _d.includes("null")) || ((_f = (_e = this.state.error) == null ? void 0 : _e.message) == null ? void 0 : _f.includes("undefined"));
-      return /* @__PURE__ */ React20.createElement(
+      return /* @__PURE__ */ React44.createElement(
         Box10,
         {
           sx: {
@@ -4137,32 +5273,32 @@ var ErrorBoundary = class extends React20.Component {
             p: 3
           }
         },
-        /* @__PURE__ */ React20.createElement(Card3, { sx: { maxWidth: 600, width: "100%" } }, /* @__PURE__ */ React20.createElement(CardContent3, null, /* @__PURE__ */ React20.createElement(Stack6, { spacing: 3, alignItems: "center" }, /* @__PURE__ */ React20.createElement(BugReport, { sx: { fontSize: 64, color: "error.main" } }), /* @__PURE__ */ React20.createElement(Typography8, { variant: "h5", component: "h2", textAlign: "center" }, "Oops! Something went wrong"), /* @__PURE__ */ React20.createElement(Alert3, { severity: "error", sx: { width: "100%" } }, /* @__PURE__ */ React20.createElement(Typography8, { variant: "body2" }, isNavigationError && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("strong", null, "UI Component Error:"), " A component tried to access an element before it was ready. This is usually temporary."), isDOMError && !isNavigationError && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("strong", null, "DOM Error:"), " A component couldn't find an expected element. This might be due to rapid state changes."), !isNavigationError && !isDOMError && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("strong", null, "Application Error:"), " An unexpected error occurred while rendering the component."))), process.env.NODE_ENV === "development" && this.state.error && /* @__PURE__ */ React20.createElement(Alert3, { severity: "warning", sx: { width: "100%" } }, /* @__PURE__ */ React20.createElement(Typography8, { variant: "body2", component: "div" }, /* @__PURE__ */ React20.createElement("strong", null, "Debug Info:"), /* @__PURE__ */ React20.createElement("br", null), /* @__PURE__ */ React20.createElement("code", { style: { fontSize: "0.75rem", wordBreak: "break-word" } }, this.state.error.toString()))), /* @__PURE__ */ React20.createElement(Stack6, { direction: "row", spacing: 2 }, /* @__PURE__ */ React20.createElement(
+        /* @__PURE__ */ React44.createElement(Card3, { sx: { maxWidth: 600, width: "100%" } }, /* @__PURE__ */ React44.createElement(CardContent3, null, /* @__PURE__ */ React44.createElement(Stack7, { spacing: 3, alignItems: "center" }, /* @__PURE__ */ React44.createElement(BugReport, { sx: { fontSize: 64, color: "error.main" } }), /* @__PURE__ */ React44.createElement(Typography8, { variant: "h5", component: "h2", textAlign: "center" }, "Oops! Something went wrong"), /* @__PURE__ */ React44.createElement(Alert4, { severity: "error", sx: { width: "100%" } }, /* @__PURE__ */ React44.createElement(Typography8, { variant: "body2" }, isNavigationError && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement("strong", null, "UI Component Error:"), " A component tried to access an element before it was ready. This is usually temporary."), isDOMError && !isNavigationError && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement("strong", null, "DOM Error:"), " A component couldn't find an expected element. This might be due to rapid state changes."), !isNavigationError && !isDOMError && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement("strong", null, "Application Error:"), " An unexpected error occurred while rendering the component."))), process.env.NODE_ENV === "development" && this.state.error && /* @__PURE__ */ React44.createElement(Alert4, { severity: "warning", sx: { width: "100%" } }, /* @__PURE__ */ React44.createElement(Typography8, { variant: "body2", component: "div" }, /* @__PURE__ */ React44.createElement("strong", null, "Debug Info:"), /* @__PURE__ */ React44.createElement("br", null), /* @__PURE__ */ React44.createElement("code", { style: { fontSize: "0.75rem", wordBreak: "break-word" } }, this.state.error.toString()))), /* @__PURE__ */ React44.createElement(Stack7, { direction: "row", spacing: 2 }, /* @__PURE__ */ React44.createElement(
           Button5,
           {
             variant: "contained",
-            startIcon: /* @__PURE__ */ React20.createElement(Refresh2, null),
+            startIcon: /* @__PURE__ */ React44.createElement(Refresh2, null),
             onClick: this.handleRetry,
             color: "primary"
           },
           "Try Again"
-        ), /* @__PURE__ */ React20.createElement(
+        ), /* @__PURE__ */ React44.createElement(
           Button5,
           {
             variant: "outlined",
-            startIcon: /* @__PURE__ */ React20.createElement(Refresh2, null),
+            startIcon: /* @__PURE__ */ React44.createElement(Refresh2, null),
             onClick: this.handleReload
           },
           "Reload Page"
-        ), this.props.onNavigateHome && /* @__PURE__ */ React20.createElement(
+        ), this.props.onNavigateHome && /* @__PURE__ */ React44.createElement(
           Button5,
           {
             variant: "outlined",
-            startIcon: /* @__PURE__ */ React20.createElement(Home2, null),
+            startIcon: /* @__PURE__ */ React44.createElement(Home2, null),
             onClick: this.props.onNavigateHome
           },
           "Go Home"
-        )), /* @__PURE__ */ React20.createElement(Typography8, { variant: "body2", color: "text.secondary", textAlign: "center" }, "If this problem persists, try refreshing the page or clearing your browser cache. The error has been logged for debugging."))))
+        )), /* @__PURE__ */ React44.createElement(Typography8, { variant: "body2", color: "text.secondary", textAlign: "center" }, "If this problem persists, try refreshing the page or clearing your browser cache. The error has been logged for debugging."))))
       );
     }
     return this.props.children;
@@ -4171,7 +5307,7 @@ var ErrorBoundary = class extends React20.Component {
 var ErrorBoundary_default = ErrorBoundary;
 
 // src/contexts/SocketContext.js
-import React21, { createContext as createContext5, useContext as useContext5, useEffect as useEffect6, useState as useState7 } from "react";
+import React45, { createContext as createContext5, useContext as useContext5, useEffect as useEffect6, useState as useState7 } from "react";
 import { io } from "socket.io-client";
 var SocketContext = createContext5();
 var useSocket = () => {
@@ -4217,7 +5353,7 @@ var SocketProvider = ({ children }) => {
     socket,
     isConnected
   };
-  return /* @__PURE__ */ React21.createElement(SocketContext.Provider, { value }, children);
+  return /* @__PURE__ */ React45.createElement(SocketContext.Provider, { value }, children);
 };
 
 // src/hooks/useNotifications.js
@@ -5685,9 +6821,23 @@ var isTenantAuthenticated = () => {
   return !!(tenantToken && tenantData);
 };
 export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle,
   AuthLayout_default as AuthLayout,
   AuthProvider,
+  Avatar2 as Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge2 as Badge,
   Blockquote,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  Breadcrumbs2 as Breadcrumbs,
   Button2 as Button,
   Card2 as Card,
   CardContent2 as CardContent,
@@ -5695,12 +6845,33 @@ export {
   CardFooter,
   CardHeader,
   CardTitle,
+  Checkbox,
+  Container2 as Container,
   CustomThemeProvider,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
   ErrorBoundary_default as ErrorBoundary,
+  Grid,
+  GridItem,
   H1,
   H2,
   H3,
   H4,
+  HStack,
+  Header2 as Header,
+  HeaderActions,
+  HeaderBrand,
+  HeaderContainer,
+  HeaderLink,
+  HeaderNav,
   Heading,
   InlineCode,
   Input,
@@ -5708,6 +6879,9 @@ export {
   Large,
   Lead,
   List2 as List,
+  ListItem2 as ListItem,
+  ListItemIcon2 as ListItemIcon,
+  ListItemText2 as ListItemText,
   LoadingSpinner_default as LoadingSpinner,
   ModernCard_default as ModernCard,
   Muted,
@@ -5721,12 +6895,61 @@ export {
   P,
   PageHeader_default as PageHeader,
   PageLayout_default as PageLayout,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator2 as Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
   Small,
   SocketProvider,
+  Stack5 as Stack,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   TenantLayout_default as TenantLayout,
   TenantThemeProvider,
+  Textarea,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  VStack,
   api,
   auditNotifications,
+  badgeVariants,
   buttonVariants,
   cn,
   createContrastEnhancedComponents,