@propknot/shared-ui 1.0.26 → 1.1.0

package/dist/index.js

@@ -202,9 +202,23 @@ 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,
@@ -212,12 +226,33 @@ __export(index_exports, {
   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,
@@ -225,6 +260,9 @@ __export(index_exports, {
   Large: () => Large,
   Lead: () => Lead,
   List: () => List2,
+  ListItem: () => ListItem2,
+  ListItemIcon: () => ListItemIcon2,
+  ListItemText: () => ListItemText2,
   LoadingSpinner: () => LoadingSpinner_default,
   ModernCard: () => ModernCard_default,
   Muted: () => Muted,
@@ -238,12 +276,61 @@ __export(index_exports, {
   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,
@@ -319,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;
@@ -1623,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);
@@ -1696,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,
@@ -3262,11 +3368,219 @@ var ModernCardContent = ({ children, sx = {}, ...props }) => {
 ModernCard.Content = ModernCardContent;
 var ModernCard_default = ModernCard;
 
-// src/components/UI/button.jsx
+// src/components/UI/accordion.jsx
 var React13 = __toESM(require("react"));
-var import_react_slot = require("@radix-ui/react-slot");
+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 buttonVariants = (0, import_class_variance_authority.cva)(
+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: {
@@ -3291,12 +3605,12 @@ var buttonVariants = (0, import_class_variance_authority.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 ? import_react_slot.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
     }
@@ -3305,8 +3619,8 @@ var Button2 = React13.forwardRef(({ className, variant, size, asChild = false, .
 Button2.displayName = "Button";
 
 // src/components/UI/card.jsx
-var React14 = __toESM(require("react"));
-var Card2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var React19 = __toESM(require("react"));
+var Card2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "div",
   {
     ref,
@@ -3318,7 +3632,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,
@@ -3327,7 +3641,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,
@@ -3339,7 +3653,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,
@@ -3348,9 +3662,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,
@@ -3360,108 +3674,1018 @@ var CardFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 CardFooter.displayName = "CardFooter";
 
-// src/components/UI/input.jsx
-var React15 = __toESM(require("react"));
-var Input = React15.forwardRef(({ className, type, ...props }, ref) => {
-  return /* @__PURE__ */ React15.createElement(
-    "input",
+// 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,
     {
-      type,
+      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(
-        "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
-var React16 = __toESM(require("react"));
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_class_variance_authority2 = require("class-variance-authority");
-var labelVariants = (0, import_class_variance_authority2.cva)(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+// 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
+  }
 );
-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
-var React17 = __toESM(require("react"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var headingVariants = (0, import_class_variance_authority3.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"
+// 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
     }
-  },
-  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
+var React24 = __toESM(require("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("scroll-m-20 text-xl font-semibold tracking-tight", className),
+    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 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var P = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   "p",
   {
     ref,
@@ -3470,7 +4694,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,
@@ -3479,7 +4703,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,
@@ -3487,8 +4711,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,
@@ -3500,7 +4724,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,
@@ -3509,7 +4733,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,
@@ -3518,7 +4742,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,
@@ -3527,7 +4751,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,
@@ -5695,9 +6919,23 @@ 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,
@@ -5705,12 +6943,33 @@ var isTenantAuthenticated = () => {
   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,
@@ -5718,6 +6977,9 @@ var isTenantAuthenticated = () => {
   Large,
   Lead,
   List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
   LoadingSpinner,
   ModernCard,
   Muted,
@@ -5731,12 +6993,61 @@ var isTenantAuthenticated = () => {
   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,