@propknot/shared-ui 1.0.25 → 1.1.0

package/dist/index.js

@@ -202,12 +202,70 @@ var require_notificationTypes = __commonJS({
 // src/index.js
 var index_exports = {};
 __export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
   AuthLayout: () => AuthLayout_default,
   AuthProvider: () => AuthProvider,
+  Avatar: () => Avatar2,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge2,
+  Blockquote: () => Blockquote,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  Breadcrumbs: () => Breadcrumbs2,
+  Button: () => Button2,
+  Card: () => Card2,
+  CardContent: () => CardContent2,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  Container: () => Container2,
   CustomThemeProvider: () => CustomThemeProvider,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
   ErrorBoundary: () => ErrorBoundary_default,
+  Grid: () => Grid,
+  GridItem: () => GridItem,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  HStack: () => HStack,
+  Header: () => Header2,
+  HeaderActions: () => HeaderActions,
+  HeaderBrand: () => HeaderBrand,
+  HeaderContainer: () => HeaderContainer,
+  HeaderLink: () => HeaderLink,
+  HeaderNav: () => HeaderNav,
+  Heading: () => Heading,
+  InlineCode: () => InlineCode,
+  Input: () => Input,
+  Label: () => Label,
+  Large: () => Large,
+  Lead: () => Lead,
+  List: () => List2,
+  ListItem: () => ListItem2,
+  ListItemIcon: () => ListItemIcon2,
+  ListItemText: () => ListItemText2,
   LoadingSpinner: () => LoadingSpinner_default,
   ModernCard: () => ModernCard_default,
+  Muted: () => Muted,
   NOTIFICATION_CHANNELS: () => NOTIFICATION_CHANNELS,
   NOTIFICATION_TYPES: () => NOTIFICATION_TYPES,
   Navbar: () => Navbar_default,
@@ -215,13 +273,66 @@ __export(index_exports, {
   NotificationManager: () => NotificationManager_default,
   NotificationPatterns: () => NotificationPatterns,
   NotificationProvider: () => NotificationProvider,
+  P: () => P,
   PageHeader: () => PageHeader_default,
   PageLayout: () => PageLayout_default,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectSeparator: () => SelectSeparator,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Separator: () => Separator2,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetOverlay: () => SheetOverlay,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
+  Skeleton: () => Skeleton,
+  Small: () => Small,
   SocketProvider: () => SocketProvider,
+  Stack: () => Stack5,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
   TenantLayout: () => TenantLayout_default,
   TenantThemeProvider: () => TenantThemeProvider,
+  Textarea: () => Textarea,
+  Toaster: () => Toaster,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  VStack: () => VStack,
   api: () => api,
   auditNotifications: () => auditNotifications,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
   createContrastEnhancedComponents: () => createContrastEnhancedComponents,
   createNotificationAwareAPI: () => createNotificationAwareAPI,
   darkenColor: () => darkenColor,
@@ -277,6 +388,13 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/lib/utils.js
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
 // src/components/Navigation/Navbar.js
 var import_react4 = __toESM(require("react"));
 var import_material = require("@mui/material");
@@ -288,8 +406,12 @@ var import_react = __toESM(require("react"));
 
 // src/services/api.js
 var import_axios = __toESM(require("axios"));
+var import_meta = {};
 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;
@@ -1592,17 +1714,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);
@@ -1619,10 +1747,8 @@ var CustomThemeProvider = ({ children }) => {
     if (isEmbedded) return;
     if (user && canModifyTheme) {
       const themeToUse = user.themePreference || "light";
-      console.log("[ThemeContext] Loading user theme preference:", themeToUse, "User:", user);
       setCurrentTheme(themeToUse);
     } else {
-      console.log("[ThemeContext] No user or cannot modify theme, using light. User:", user, "canModifyTheme:", canModifyTheme);
       setCurrentTheme("light");
     }
   }, [user, canModifyTheme, isEmbedded]);
@@ -1667,6 +1793,15 @@ var CustomThemeProvider = ({ children }) => {
   const themeObject = effectiveTheme === "dark" ? darkTheme : lightTheme;
   const isDarkMode = effectiveTheme === "dark";
   const effectiveBrandingColor = getEffectiveBrandingColor();
+  (0, import_react3.useEffect)(() => {
+    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,
@@ -3233,6 +3368,1399 @@ var ModernCardContent = ({ children, sx = {}, ...props }) => {
 ModernCard.Content = ModernCardContent;
 var ModernCard_default = ModernCard;
 
+// src/components/UI/accordion.jsx
+var React13 = __toESM(require("react"));
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_lucide_react = require("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(import_lucide_react.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
+var React14 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+var alertVariants = (0, import_class_variance_authority.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
+var React15 = __toESM(require("react"));
+var AvatarPrimitive = __toESM(require("@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
+var React16 = __toESM(require("react"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "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
+var React17 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+var Breadcrumbs2 = React17.forwardRef(({
+  className,
+  separator,
+  children,
+  ...props
+}, ref) => {
+  const Separator3 = separator || /* @__PURE__ */ React17.createElement(import_lucide_react2.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
+var React18 = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority3 = require("class-variance-authority");
+var buttonVariants = (0, import_class_variance_authority3.cva)(
+  "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: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button2 = React18.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ React18.createElement(
+    Comp,
+    {
+      className: cn(buttonVariants({ variant, size }), className),
+      ref,
+      ...props
+    }
+  );
+});
+Button2.displayName = "Button";
+
+// src/components/UI/card.jsx
+var React19 = __toESM(require("react"));
+var Card2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card2.displayName = "Card";
+var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+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 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/components/UI/checkbox.jsx
+var React20 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_lucide_react3 = require("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,
+    {
+      className: cn("flex items-center justify-center text-current")
+    },
+    /* @__PURE__ */ React20.createElement(import_lucide_react3.Check, { className: "h-4 w-4" })
+  )
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/UI/container.jsx
+var React21 = __toESM(require("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(
+        "w-full px-4 sm:px-6 lg:px-8",
+        centered && "mx-auto",
+        maxWidthClasses[maxWidth] || maxWidthClasses["7xl"],
+        className
+      ),
+      ...props
+    }
+  );
+});
+Container2.displayName = "Container";
+
+// src/components/UI/dialog.jsx
+var React22 = __toESM(require("react"));
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react4 = require("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(import_lucide_react4.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
+  }
+);
+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(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+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/grid.jsx
+var React23 = __toESM(require("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
+    }
+  );
+});
+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(
+        spanClasses[colSpan],
+        rowSpanClasses[rowSpan],
+        colStart && `col-start-${colStart}`,
+        colEnd && `col-end-${colEnd}`,
+        rowStart && `row-start-${rowStart}`,
+        rowEnd && `row-end-${rowEnd}`,
+        className
+      ),
+      ...props
+    }
+  );
+});
+GridItem.displayName = "GridItem";
+Grid.Item = GridItem;
+
+// src/components/UI/header.jsx
+var React24 = __toESM(require("react"));
+var Header2 = React24.forwardRef(({
+  className,
+  sticky = false,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "header",
+  {
+    ref,
+    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
+  }
+));
+Header2.displayName = "Header";
+var HeaderContainer = React24.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "container flex h-14 items-center",
+      className
+    ),
+    ...props
+  }
+));
+HeaderContainer.displayName = "HeaderContainer";
+var HeaderNav = React24.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ React24.createElement(
+  "nav",
+  {
+    ref,
+    className: cn("flex items-center space-x-4 lg:space-x-6", className),
+    ...props
+  }
+));
+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
+var React25 = __toESM(require("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
+var React26 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority4 = require("class-variance-authority");
+var labelVariants = (0, import_class_variance_authority4.cva)(
+  "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
+var React27 = __toESM(require("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
+var React28 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@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
+var React29 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@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
+var React30 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react5 = require("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(import_lucide_react5.ChevronDown, { 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(import_lucide_react5.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(import_lucide_react5.ChevronDown, { 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(import_lucide_react5.Check, { 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
+var React31 = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@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
+var React32 = __toESM(require("react"));
+var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_lucide_react6 = require("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 = (0, import_class_variance_authority5.cva)(
+  "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(import_lucide_react6.X, { 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
+var React33 = __toESM(require("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
+var React34 = __toESM(require("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
+var React35 = __toESM(require("react"));
+var SwitchPrimitives = __toESM(require("@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
+var React36 = __toESM(require("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
+var React37 = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@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
+var React38 = __toESM(require("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
+var React39 = __toESM(require("react"));
+var import_sonner = require("sonner");
+var Toaster = ({ ...props }) => {
+  return /* @__PURE__ */ React39.createElement(
+    import_sonner.Toaster,
+    {
+      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
+var React40 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@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
+var React41 = __toESM(require("react"));
+var import_class_variance_authority6 = require("class-variance-authority");
+var headingVariants = (0, import_class_variance_authority6.cva)("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),
+    ...props
+  }
+));
+H4.displayName = "H4";
+var P = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "p",
+  {
+    ref,
+    className: cn("leading-7 [&:not(:first-child)]:mt-6", className),
+    ...props
+  }
+));
+P.displayName = "P";
+var Blockquote = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "blockquote",
+  {
+    ref,
+    className: cn("mt-6 border-l-2 pl-6 italic", className),
+    ...props
+  }
+));
+Blockquote.displayName = "Blockquote";
+var List4 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "ul",
+  {
+    ref,
+    className: cn("my-6 ml-6 list-disc [&>li]:mt-2", className),
+    ...props
+  }
+));
+List4.displayName = "List";
+var InlineCode = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "code",
+  {
+    ref,
+    className: cn(
+      "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      className
+    ),
+    ...props
+  }
+));
+InlineCode.displayName = "InlineCode";
+var Lead = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "p",
+  {
+    ref,
+    className: cn("text-xl text-muted-foreground", className),
+    ...props
+  }
+));
+Lead.displayName = "Lead";
+var Large = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "div",
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+Large.displayName = "Large";
+var Small = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "small",
+  {
+    ref,
+    className: cn("text-sm font-medium leading-none", className),
+    ...props
+  }
+));
+Small.displayName = "Small";
+var Muted = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+Muted.displayName = "Muted";
+
 // src/components/Notifications/NotificationManager.js
 var import_react12 = __toESM(require("react"));
 var import_material8 = require("@mui/material");
@@ -3466,7 +4994,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
     };
     const handleNotificationRead = (notificationId) => {
       setNotifications(
-        (prev) => prev.map((n) => n._id === notificationId ? { ...n, read: true } : n)
+        (prev) => prev.map((n) => (n.id || n._id) === notificationId ? { ...n, is_read: true, read: true } : n)
       );
       setUnreadCount((prev) => Math.max(0, prev - 1));
     };
@@ -3491,7 +5019,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
     try {
       await api2.put(`/notifications/${notificationId}/read`);
       setNotifications(
-        (prev) => prev.map((n) => n._id === notificationId ? { ...n, read: true, readAt: /* @__PURE__ */ new Date() } : n)
+        (prev) => prev.map((n) => (n.id || n._id) === notificationId ? { ...n, is_read: true, read: true, read_at: /* @__PURE__ */ new Date(), readAt: /* @__PURE__ */ new Date() } : n)
       );
       setUnreadCount((prev) => Math.max(0, prev - 1));
     } catch (err) {
@@ -3503,7 +5031,7 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
     try {
       await api2.put("/notifications/mark-all-read");
       setNotifications(
-        (prev) => prev.map((n) => ({ ...n, read: true, readAt: /* @__PURE__ */ new Date() }))
+        (prev) => prev.map((n) => ({ ...n, is_read: true, read: true, read_at: /* @__PURE__ */ new Date(), readAt: /* @__PURE__ */ new Date() }))
       );
       setUnreadCount(0);
     } catch (err) {
@@ -3511,11 +5039,14 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
     }
   };
   const handleNotificationClick = async (notification) => {
-    if (!notification.read) {
-      await handleMarkAsRead(notification._id);
+    const isRead = notification.is_read || notification.read;
+    const notifId = notification.id || notification._id;
+    if (!isRead) {
+      await handleMarkAsRead(notifId);
     }
-    if (notification.actionUrl) {
-      window.location.href = notification.actionUrl;
+    const actionUrl = notification.action_url || notification.actionUrl;
+    if (actionUrl) {
+      window.location.href = actionUrl;
     }
     handleClose();
   };
@@ -3678,66 +5209,71 @@ var NotificationBell = ({ api: api2, useSocket: useSocket2, useAuth: useAuth2 })
         /* @__PURE__ */ import_react13.default.createElement(import_icons_material3.NotificationsNone, { sx: { fontSize: 64, color: "text.secondary", mb: 2 } }),
         /* @__PURE__ */ import_react13.default.createElement(import_material9.Typography, { variant: "body1", color: "text.secondary", sx: { fontWeight: 500 } }, "No notifications yet"),
         /* @__PURE__ */ import_react13.default.createElement(import_material9.Typography, { variant: "body2", color: "text.secondary" }, "You're all caught up!")
-      ) : /* @__PURE__ */ import_react13.default.createElement(import_material9.List, { sx: { p: 0 } }, notifications.map((notification, index) => /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, { key: notification._id }, /* @__PURE__ */ import_react13.default.createElement(
-        import_material9.ListItem,
-        {
-          button: true,
-          onClick: () => handleNotificationClick(notification),
-          sx: {
-            py: 1.5,
-            px: 2,
-            bgcolor: notification.read ? "transparent" : "action.hover",
-            "&:hover": {
-              bgcolor: notification.read ? "action.hover" : "action.selected"
-            },
-            borderLeft: notification.read ? "none" : "3px solid",
-            borderLeftColor: getNotificationColor(notification.type),
-            transition: "all 0.2s"
-          }
-        },
-        /* @__PURE__ */ import_react13.default.createElement(import_material9.ListItemAvatar, null, /* @__PURE__ */ import_react13.default.createElement(
-          import_material9.Avatar,
+      ) : /* @__PURE__ */ import_react13.default.createElement(import_material9.List, { 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__ */ import_react13.default.createElement(import_react13.default.Fragment, { key: notifId }, /* @__PURE__ */ import_react13.default.createElement(
+          import_material9.ListItem,
           {
+            button: true,
+            onClick: () => handleNotificationClick(notification),
             sx: {
-              bgcolor: notification.read ? "grey.300" : getNotificationColor(notification.type),
-              width: 40,
-              height: 40
+              py: 1.5,
+              px: 2,
+              bgcolor: isRead ? "transparent" : "action.hover",
+              "&:hover": {
+                bgcolor: isRead ? "action.hover" : "action.selected"
+              },
+              borderLeft: isRead ? "none" : "3px solid",
+              borderLeftColor: getNotificationColor(notification.type),
+              transition: "all 0.2s"
             }
           },
-          getNotificationIcon(notification.type)
-        )),
-        /* @__PURE__ */ import_react13.default.createElement(
-          import_material9.ListItemText,
-          {
-            primary: /* @__PURE__ */ import_react13.default.createElement(import_material9.Box, { sx: { display: "flex", alignItems: "center", mb: 0.5 } }, /* @__PURE__ */ import_react13.default.createElement(
-              import_material9.Typography,
-              {
-                variant: "body2",
-                sx: {
-                  fontWeight: notification.read ? 400 : 600,
-                  flex: 1
-                }
-              },
-              notification.title
-            ), getPriorityChip(notification.priority)),
-            secondary: /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
-              import_material9.Typography,
-              {
-                variant: "body2",
-                color: "text.secondary",
-                sx: {
-                  display: "-webkit-box",
-                  WebkitLineClamp: 2,
-                  WebkitBoxOrient: "vertical",
-                  overflow: "hidden",
-                  mb: 0.5
-                }
-              },
-              notification.message
-            ), /* @__PURE__ */ import_react13.default.createElement(import_material9.Typography, { variant: "caption", color: "text.secondary" }, (0, import_date_fns2.formatDistanceToNow)(new Date(notification.createdAt), { addSuffix: true })))
-          }
-        )
-      ), index < notifications.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_material9.Divider, null)))),
+          /* @__PURE__ */ import_react13.default.createElement(import_material9.ListItemAvatar, null, /* @__PURE__ */ import_react13.default.createElement(
+            import_material9.Avatar,
+            {
+              sx: {
+                bgcolor: isRead ? "grey.300" : getNotificationColor(notification.type),
+                width: 40,
+                height: 40
+              }
+            },
+            getNotificationIcon(notification.type)
+          )),
+          /* @__PURE__ */ import_react13.default.createElement(
+            import_material9.ListItemText,
+            {
+              primary: /* @__PURE__ */ import_react13.default.createElement(import_material9.Box, { sx: { display: "flex", alignItems: "center", mb: 0.5 } }, /* @__PURE__ */ import_react13.default.createElement(
+                import_material9.Typography,
+                {
+                  variant: "body2",
+                  sx: {
+                    fontWeight: isRead ? 400 : 600,
+                    flex: 1
+                  }
+                },
+                notification.title
+              ), getPriorityChip(notification.priority)),
+              secondary: /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+                import_material9.Typography,
+                {
+                  variant: "body2",
+                  color: "text.secondary",
+                  sx: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    mb: 0.5
+                  }
+                },
+                notification.message
+              ), /* @__PURE__ */ import_react13.default.createElement(import_material9.Typography, { variant: "caption", color: "text.secondary" }, (0, import_date_fns2.formatDistanceToNow)(new Date(createdAt), { addSuffix: true })))
+            }
+          )
+        ), index < notifications.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_material9.Divider, null));
+      })),
       hasMore && notifications.length > 0 && /* @__PURE__ */ import_react13.default.createElement(import_material9.Box, { sx: { p: 2, textAlign: "center", borderTop: "1px solid", borderColor: "divider" } }, /* @__PURE__ */ import_react13.default.createElement(
         import_material9.Button,
         {
@@ -3891,7 +5427,7 @@ var SocketProvider = ({ children }) => {
     if (user || tenantToken) {
       const userType = user ? "property_manager" : "tenant";
       const authToken = user ? localStorage.getItem("token") : tenantToken;
-      const socketUrl = process.env.REACT_APP_API_URL ? process.env.REACT_APP_API_URL.replace("/api", "") : "http://localhost:5000";
+      const socketUrl = process.env.REACT_APP_API_URL ? process.env.REACT_APP_API_URL.replace("/api", "") : `${window.location.protocol}//${window.location.hostname}:5000`;
       const newSocket = (0, import_socket.io)(socketUrl, {
         auth: {
           token: authToken,
@@ -5383,12 +6919,70 @@ var isTenantAuthenticated = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle,
   AuthLayout,
   AuthProvider,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Blockquote,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  Breadcrumbs,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Container,
   CustomThemeProvider,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
   ErrorBoundary,
+  Grid,
+  GridItem,
+  H1,
+  H2,
+  H3,
+  H4,
+  HStack,
+  Header,
+  HeaderActions,
+  HeaderBrand,
+  HeaderContainer,
+  HeaderLink,
+  HeaderNav,
+  Heading,
+  InlineCode,
+  Input,
+  Label,
+  Large,
+  Lead,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
   LoadingSpinner,
   ModernCard,
+  Muted,
   NOTIFICATION_CHANNELS,
   NOTIFICATION_TYPES,
   Navbar,
@@ -5396,13 +6990,66 @@ var isTenantAuthenticated = () => {
   NotificationManager,
   NotificationPatterns,
   NotificationProvider,
+  P,
   PageHeader,
   PageLayout,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Small,
   SocketProvider,
+  Stack,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   TenantLayout,
   TenantThemeProvider,
+  Textarea,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  VStack,
   api,
   auditNotifications,
+  badgeVariants,
+  buttonVariants,
+  cn,
   createContrastEnhancedComponents,
   createNotificationAwareAPI,
   darkenColor,