@omnibase/shadcn 0.6.2 → 0.7.2

package/dist/index.js

@@ -860,6 +860,27 @@ function SettingsForm({ flow }) {
   ] });
 }
 
+// src/form/error.tsx
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+function ErrorForm({
+  error,
+  login_url = "/auth/login",
+  Header
+}) {
+  const errorDetails = error.error;
+  return /* @__PURE__ */ jsx19("div", { children: /* @__PURE__ */ jsxs10(Card, { className: "w-full max-w-md mx-auto", children: [
+    Header && /* @__PURE__ */ jsx19(CardHeader, { children: /* @__PURE__ */ jsx19(CardTitle, { className: "text-center pb-1", children: Header }) }),
+    /* @__PURE__ */ jsxs10(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs10(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx19(AlertTitle, { children: errorDetails?.status || "Authentication Error" }),
+        /* @__PURE__ */ jsx19(AlertDescription, { children: errorDetails?.message || "An unexpected error occurred." })
+      ] }),
+      errorDetails?.reason && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: errorDetails.reason }),
+      /* @__PURE__ */ jsx19(Button, { asChild: true, className: "w-full", children: /* @__PURE__ */ jsx19("a", { href: login_url, children: "Back to Login" }) })
+    ] })
+  ] }) });
+}
+
 // src/tenant-switcher/index.tsx
 import * as React10 from "react";
 
@@ -867,10 +888,10 @@ import * as React10 from "react";
 import * as React9 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -881,12 +902,12 @@ var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -895,11 +916,11 @@ var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx19(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx20(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -908,11 +929,11 @@ var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx19(ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx20(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
+var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
   SelectPrimitive.Content,
   {
     ref,
@@ -924,8 +945,8 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx19(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx20(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -935,12 +956,12 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx19(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.Label,
   {
     ref,
@@ -949,7 +970,7 @@ var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   SelectPrimitive.Item,
   {
     ref,
@@ -959,13 +980,13 @@ var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx19("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx20("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.Separator,
   {
     ref,
@@ -976,24 +997,31 @@ var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/tenant-switcher/index.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+var CREATE_TENANT_VALUE = "__create_tenant__";
 function SwitchActiveTenant({
   tenants,
   currentTenantId,
   formAction,
   placeholder = "Select tenant...",
   className,
-  onTenantChange
+  onTenantChange,
+  onCreateTenant,
+  createTenantLabel = "Create Tenant"
 }) {
   const [isLoading, setIsLoading] = React10.useState(false);
-  const handleTenantChange = async (tenantId) => {
-    if (tenantId === currentTenantId) return;
+  const handleTenantChange = async (value) => {
+    if (value === CREATE_TENANT_VALUE) {
+      onCreateTenant?.();
+      return;
+    }
+    if (value === currentTenantId) return;
     setIsLoading(true);
     try {
-      onTenantChange?.(tenantId);
+      onTenantChange?.(value);
       if (formAction) {
         const formData = new FormData();
-        formData.append("tenant_id", tenantId);
+        formData.append("tenant_id", value);
         await formAction(formData);
       }
     } catch (error) {
@@ -1003,15 +1031,21 @@ function SwitchActiveTenant({
     }
   };
   const currentTenant = tenants.find((tenant) => tenant.id === currentTenantId);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     Select,
     {
       value: currentTenantId,
       onValueChange: handleTenantChange,
       disabled: isLoading,
       children: [
-        /* @__PURE__ */ jsx20(SelectTrigger, { className: cn("max-w-64", className), children: /* @__PURE__ */ jsx20(SelectValue, { placeholder, children: currentTenant ? currentTenant.name : placeholder }) }),
-        /* @__PURE__ */ jsx20(SelectContent, { children: tenants.map((tenant) => /* @__PURE__ */ jsx20(SelectItem, { value: tenant.id, children: tenant.name }, tenant.id)) })
+        /* @__PURE__ */ jsx21(SelectTrigger, { className: cn("max-w-64", className), children: /* @__PURE__ */ jsx21(SelectValue, { placeholder, children: currentTenant ? currentTenant.name : placeholder }) }),
+        /* @__PURE__ */ jsxs12(SelectContent, { children: [
+          tenants.map((tenant) => /* @__PURE__ */ jsx21(SelectItem, { value: tenant.id, children: tenant.name }, tenant.id)),
+          onCreateTenant && /* @__PURE__ */ jsxs12(Fragment, { children: [
+            /* @__PURE__ */ jsx21(SelectSeparator, {}),
+            /* @__PURE__ */ jsx21(SelectItem, { value: CREATE_TENANT_VALUE, children: createTenantLabel })
+          ] })
+        ] })
       ]
     }
   );
@@ -1020,7 +1054,7 @@ function SwitchActiveTenant({
 // src/pricing-table/index.tsx
 import * as React11 from "react";
 import { Check as Check2, Star, ChevronLeft, ChevronRight } from "lucide-react";
-import { Fragment, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var getCurrencySymbol = (currency) => {
   const symbols = {
     USD: "$",
@@ -1060,7 +1094,7 @@ function PricingCard({
 }) {
   const ui = product.ui || {};
   const isHighlighted = ui.highlighted;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -1068,11 +1102,11 @@ function PricingCard({
         isHighlighted ? "relative" : ""
       ),
       children: [
-        /* @__PURE__ */ jsx21("div", { className: "h-4 flex-shrink-0 relative", children: ui.badge && /* @__PURE__ */ jsx21("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 z-10", children: /* @__PURE__ */ jsxs12("div", { className: "bg-primary text-primary-foreground px-3 py-1 rounded-full text-sm font-medium flex items-center gap-1 whitespace-nowrap shadow-md", children: [
-          ui.badge === "Most Popular" && /* @__PURE__ */ jsx21(Star, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx22("div", { className: "h-4 flex-shrink-0 relative", children: ui.badge && /* @__PURE__ */ jsx22("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 z-10", children: /* @__PURE__ */ jsxs13("div", { className: "bg-primary text-primary-foreground px-3 py-1 rounded-full text-sm font-medium flex items-center gap-1 whitespace-nowrap shadow-md", children: [
+          ui.badge === "Most Popular" && /* @__PURE__ */ jsx22(Star, { className: "w-3 h-3" }),
           ui.badge
         ] }) }) }),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           Card,
           {
             className: cn(
@@ -1081,35 +1115,35 @@ function PricingCard({
               isSelected && "ring-2 ring-primary"
             ),
             children: [
-              /* @__PURE__ */ jsxs12(CardHeader, { className: "text-center", children: [
-                /* @__PURE__ */ jsx21(CardTitle, { className: "text-xl font-bold", children: ui.displayName || product.name }),
-                ui.tagline && /* @__PURE__ */ jsx21(CardDescription, { className: "text-base", children: ui.tagline })
+              /* @__PURE__ */ jsxs13(CardHeader, { className: "text-center", children: [
+                /* @__PURE__ */ jsx22(CardTitle, { className: "text-xl font-bold", children: ui.displayName || product.name }),
+                ui.tagline && /* @__PURE__ */ jsx22(CardDescription, { className: "text-base", children: ui.tagline })
               ] }),
-              /* @__PURE__ */ jsxs12(CardContent, { className: "flex-1 space-y-6", children: [
-                /* @__PURE__ */ jsxs12("div", { className: "text-center", children: [
-                  /* @__PURE__ */ jsx21("div", { className: "text-3xl font-bold", children: formatPrice(displayedPrice) }),
-                  /* @__PURE__ */ jsx21("div", { className: "text-sm text-muted-foreground", children: formatBillingPeriod(displayedPrice) })
+              /* @__PURE__ */ jsxs13(CardContent, { className: "flex-1 space-y-6", children: [
+                /* @__PURE__ */ jsxs13("div", { className: "text-center", children: [
+                  /* @__PURE__ */ jsx22("div", { className: "text-3xl font-bold", children: formatPrice(displayedPrice) }),
+                  /* @__PURE__ */ jsx22("div", { className: "text-sm text-muted-foreground", children: formatBillingPeriod(displayedPrice) })
                 ] }),
-                (ui.features && ui.features.length > 0 || (displayedPrice.ui?.features?.length ?? 0) > 0 || (displayedPrice.ui?.limits?.length ?? 0) > 0) && /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
-                  ui.features && ui.features.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx21("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Features" }),
-                    /* @__PURE__ */ jsx21("ul", { className: "space-y-2", children: ui.features.map((feature, index) => /* @__PURE__ */ jsxs12("li", { className: "flex items-start gap-2", children: [
-                      /* @__PURE__ */ jsx21(Check2, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
-                      /* @__PURE__ */ jsx21("span", { className: "text-sm", children: feature })
+                (ui.features && ui.features.length > 0 || (displayedPrice.ui?.features?.length ?? 0) > 0 || (displayedPrice.ui?.limits?.length ?? 0) > 0) && /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+                  ui.features && ui.features.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsx22("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Features" }),
+                    /* @__PURE__ */ jsx22("ul", { className: "space-y-2", children: ui.features.map((feature, index) => /* @__PURE__ */ jsxs13("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsx22(Check2, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
+                      /* @__PURE__ */ jsx22("span", { className: "text-sm", children: feature })
                     ] }, index)) })
                   ] }),
-                  displayedPrice.ui?.features && displayedPrice.ui.features.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx21("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "This Plan" }),
-                    /* @__PURE__ */ jsx21("ul", { className: "space-y-2", children: displayedPrice.ui.features.map(
-                      (feature, index) => /* @__PURE__ */ jsxs12("li", { className: "flex items-start gap-2", children: [
-                        /* @__PURE__ */ jsx21(Check2, { className: "w-4 h-4 text-blue-500 mt-0.5 flex-0" }),
-                        /* @__PURE__ */ jsx21("span", { className: "text-sm", children: feature })
+                  displayedPrice.ui?.features && displayedPrice.ui.features.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsx22("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "This Plan" }),
+                    /* @__PURE__ */ jsx22("ul", { className: "space-y-2", children: displayedPrice.ui.features.map(
+                      (feature, index) => /* @__PURE__ */ jsxs13("li", { className: "flex items-start gap-2", children: [
+                        /* @__PURE__ */ jsx22(Check2, { className: "w-4 h-4 text-blue-500 mt-0.5 flex-0" }),
+                        /* @__PURE__ */ jsx22("span", { className: "text-sm", children: feature })
                       ] }, index)
                     ) })
                   ] }),
-                  displayedPrice.ui?.limits && displayedPrice.ui.limits.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx21("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Usage Limits" }),
-                    /* @__PURE__ */ jsx21("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map((limit, index) => /* @__PURE__ */ jsx21(
+                  displayedPrice.ui?.limits && displayedPrice.ui.limits.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsx22("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Usage Limits" }),
+                    /* @__PURE__ */ jsx22("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map((limit, index) => /* @__PURE__ */ jsx22(
                       "li",
                       {
                         className: "text-sm text-muted-foreground",
@@ -1120,7 +1154,7 @@ function PricingCard({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx21(CardFooter, { children: /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22(CardFooter, { children: /* @__PURE__ */ jsx22(
                 Button,
                 {
                   className: "w-full",
@@ -1164,7 +1198,7 @@ function PricingTable({
   const getDisplayedPrice = (product) => product.prices.find((price) => price.interval === selectedInterval) || product.prices[0];
   const renderCard = (product) => {
     const displayedPrice = getDisplayedPrice(product);
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22(
       PricingCard,
       {
         product,
@@ -1174,8 +1208,8 @@ function PricingTable({
       }
     );
   };
-  const desktopCarousel = /* @__PURE__ */ jsxs12("div", { className: "relative max-w-7xl mx-auto", children: [
-    /* @__PURE__ */ jsx21(
+  const desktopCarousel = /* @__PURE__ */ jsxs13("div", { className: "relative max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ jsx22(
       Button,
       {
         variant: "ghost",
@@ -1183,15 +1217,15 @@ function PricingTable({
         className: "absolute left-0 top-1/2 transform -translate-y-1/2 -translate-x-4 z-10 bg-white shadow-lg border hover:bg-gray-50 disabled:opacity-50",
         onClick: () => setCarouselIndex(Math.max(0, carouselIndex - 1)),
         disabled: carouselIndex === 0,
-        children: /* @__PURE__ */ jsx21(ChevronLeft, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx22(ChevronLeft, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       "div",
       {
         className: "overflow-hidden mx-auto",
         style: { width: `${3 * CARD_WIDTH + 2 * GAP}px` },
-        children: /* @__PURE__ */ jsx21(
+        children: /* @__PURE__ */ jsx22(
           "div",
           {
             className: "flex items-stretch transition-transform duration-300 ease-in-out",
@@ -1199,7 +1233,7 @@ function PricingTable({
               transform: `translateX(-${carouselIndex * (CARD_WIDTH + GAP)}px)`,
               gap: `${GAP}px`
             },
-            children: sortedProducts.map((p) => /* @__PURE__ */ jsx21(
+            children: sortedProducts.map((p) => /* @__PURE__ */ jsx22(
               "div",
               {
                 style: { width: `${CARD_WIDTH}px` },
@@ -1212,7 +1246,7 @@ function PricingTable({
         )
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       Button,
       {
         variant: "ghost",
@@ -1222,12 +1256,12 @@ function PricingTable({
           Math.min(sortedProducts.length - 3, carouselIndex + 1)
         ),
         disabled: carouselIndex >= sortedProducts.length - 3,
-        children: /* @__PURE__ */ jsx21(ChevronRight, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx22(ChevronRight, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx21("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from(
+    /* @__PURE__ */ jsx22("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from(
       { length: Math.max(1, sortedProducts.length - 2) },
-      (_, i) => /* @__PURE__ */ jsx21(
+      (_, i) => /* @__PURE__ */ jsx22(
         "button",
         {
           onClick: () => setCarouselIndex(i),
@@ -1241,12 +1275,12 @@ function PricingTable({
       )
     ) })
   ] });
-  const staticLayout = /* @__PURE__ */ jsx21(
+  const staticLayout = /* @__PURE__ */ jsx22(
     "div",
     {
       className: "flex flex-row items-stretch justify-center",
       style: { gap: `${GAP}px` },
-      children: sortedProducts.map((p) => /* @__PURE__ */ jsx21(
+      children: sortedProducts.map((p) => /* @__PURE__ */ jsx22(
         "div",
         {
           style: { width: `${CARD_WIDTH}px` },
@@ -1257,9 +1291,9 @@ function PricingTable({
       ))
     }
   );
-  return /* @__PURE__ */ jsxs12("div", { className: cn("w-full", className), children: [
-    showPricingToggle && hasMultipleIntervals && /* @__PURE__ */ jsx21("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxs12("div", { className: "flex bg-gray-100 p-1 rounded-lg", children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs13("div", { className: cn("w-full", className), children: [
+    showPricingToggle && hasMultipleIntervals && /* @__PURE__ */ jsx22("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxs13("div", { className: "flex bg-gray-100 p-1 rounded-lg", children: [
+      /* @__PURE__ */ jsx22(
         Button,
         {
           variant: selectedInterval === "month" ? "default" : "ghost",
@@ -1269,7 +1303,7 @@ function PricingTable({
           children: "Monthly"
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         Button,
         {
           variant: selectedInterval === "year" ? "default" : "ghost",
@@ -1280,20 +1314,20 @@ function PricingTable({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxs12("div", { className: "lg:hidden relative", children: [
-      /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsxs13("div", { className: "lg:hidden relative", children: [
+      /* @__PURE__ */ jsx22(
         "div",
         {
           className: "overflow-hidden mx-auto",
           style: { width: `${CARD_WIDTH}px` },
-          children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx22(
             "div",
             {
               className: "flex transition-transform duration-300 ease-in-out items-stretch",
               style: {
                 transform: `translateX(-${carouselIndex * CARD_WIDTH}px)`
               },
-              children: sortedProducts.map((product) => /* @__PURE__ */ jsx21(
+              children: sortedProducts.map((product) => /* @__PURE__ */ jsx22(
                 "div",
                 {
                   className: "flex-shrink-0",
@@ -1306,8 +1340,8 @@ function PricingTable({
           )
         }
       ),
-      sortedProducts.length > 1 && /* @__PURE__ */ jsxs12(Fragment, { children: [
-        /* @__PURE__ */ jsx21(
+      sortedProducts.length > 1 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+        /* @__PURE__ */ jsx22(
           Button,
           {
             variant: "ghost",
@@ -1315,10 +1349,10 @@ function PricingTable({
             className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-2 z-10 bg-white shadow-lg border hover:bg-gray-50 disabled:opacity-50",
             onClick: () => setCarouselIndex((prev) => Math.max(0, prev - 1)),
             disabled: carouselIndex === 0,
-            children: /* @__PURE__ */ jsx21(ChevronLeft, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx22(ChevronLeft, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           Button,
           {
             variant: "ghost",
@@ -1328,10 +1362,10 @@ function PricingTable({
               (prev) => Math.min(sortedProducts.length - 1, prev + 1)
             ),
             disabled: carouselIndex >= sortedProducts.length - 1,
-            children: /* @__PURE__ */ jsx21(ChevronRight, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx22(ChevronRight, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ jsx21("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from({ length: sortedProducts.length }, (_, i) => /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from({ length: sortedProducts.length }, (_, i) => /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: () => setCarouselIndex(i),
@@ -1345,13 +1379,13 @@ function PricingTable({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "hidden lg:block", children: sortedProducts.length <= 3 ? staticLayout : desktopCarousel })
+    /* @__PURE__ */ jsx22("div", { className: "hidden lg:block", children: sortedProducts.length <= 3 ? staticLayout : desktopCarousel })
   ] });
 }
 
 // src/tenant-creator/index.tsx
 import { useState as useState4, useEffect as useEffect2 } from "react";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 function TenantCreator({
   config = {},
   formActions = {},
@@ -1400,14 +1434,14 @@ function TenantCreator({
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs13(Card, { className: cn("w-full max-w-md mx-auto", className), children: [
-    /* @__PURE__ */ jsxs13(CardHeader, { children: [
-      /* @__PURE__ */ jsx22(CardTitle, { children: "Organization Setup" }),
-      /* @__PURE__ */ jsx22(CardDescription, { children: "Choose how you want to get started with your organization." })
+  return /* @__PURE__ */ jsxs14(Card, { className: cn("w-full max-w-md mx-auto", className), children: [
+    /* @__PURE__ */ jsxs14(CardHeader, { children: [
+      /* @__PURE__ */ jsx23(CardTitle, { children: "Organization Setup" }),
+      /* @__PURE__ */ jsx23(CardDescription, { children: "Choose how you want to get started with your organization." })
     ] }),
-    /* @__PURE__ */ jsxs13(CardContent, { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-2 rounded-lg bg-muted p-1", children: [
-        /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs14(CardContent, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 rounded-lg bg-muted p-1", children: [
+        /* @__PURE__ */ jsxs14(
           "label",
           {
             className: cn(
@@ -1416,7 +1450,7 @@ function TenantCreator({
               isLoading && "pointer-events-none opacity-50"
             ),
             children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "input",
                 {
                   type: "radio",
@@ -1432,7 +1466,7 @@ function TenantCreator({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs14(
           "label",
           {
             className: cn(
@@ -1441,7 +1475,7 @@ function TenantCreator({
               isLoading && "pointer-events-none opacity-50"
             ),
             children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "input",
                 {
                   type: "radio",
@@ -1458,10 +1492,10 @@ function TenantCreator({
           }
         )
       ] }),
-      mode === "create" && /* @__PURE__ */ jsxs13("form", { onSubmit: handleCreateSubmit, className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx22(Label, { htmlFor: "organizationName", children: config.createForm?.organizationName?.label || "Organization Name" }),
-          /* @__PURE__ */ jsx22(
+      mode === "create" && /* @__PURE__ */ jsxs14("form", { onSubmit: handleCreateSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx23(Label, { htmlFor: "organizationName", children: config.createForm?.organizationName?.label || "Organization Name" }),
+          /* @__PURE__ */ jsx23(
             Input,
             {
               id: "organizationName",
@@ -1475,9 +1509,9 @@ function TenantCreator({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx22(Label, { htmlFor: "billingEmail", children: config.createForm?.billingEmail?.label || "Billing Email" }),
-          /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx23(Label, { htmlFor: "billingEmail", children: config.createForm?.billingEmail?.label || "Billing Email" }),
+          /* @__PURE__ */ jsx23(
             Input,
             {
               id: "billingEmail",
@@ -1491,12 +1525,12 @@ function TenantCreator({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx22(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Creating..." : "Create Organization" })
+        /* @__PURE__ */ jsx23(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Creating..." : "Create Organization" })
       ] }),
-      mode === "join" && /* @__PURE__ */ jsxs13("form", { onSubmit: handleJoinSubmit, className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx22(Label, { htmlFor: "token", children: config.joinForm?.token?.label || "Invitation Token" }),
-          /* @__PURE__ */ jsx22(
+      mode === "join" && /* @__PURE__ */ jsxs14("form", { onSubmit: handleJoinSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx23(Label, { htmlFor: "token", children: config.joinForm?.token?.label || "Invitation Token" }),
+          /* @__PURE__ */ jsx23(
             Input,
             {
               id: "token",
@@ -1510,7 +1544,7 @@ function TenantCreator({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx22(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Joining..." : "Join Organization" })
+        /* @__PURE__ */ jsx23(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Joining..." : "Join Organization" })
       ] })
     ] })
   ] });
@@ -1518,7 +1552,7 @@ function TenantCreator({
 
 // src/user-invite/index.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function UserInvite({ roles, onInvite }) {
   const [email, setEmail] = useState5("");
   const [selectedRole, setSelectedRole] = useState5("");
@@ -1563,15 +1597,15 @@ function UserInvite({ roles, onInvite }) {
     setSelectedRole("");
     setError(null);
   };
-  return /* @__PURE__ */ jsxs14(Card, { className: "w-full max-w-2xl", children: [
-    /* @__PURE__ */ jsxs14(CardHeader, { children: [
-      /* @__PURE__ */ jsx23(CardTitle, { children: "Invite User" }),
-      /* @__PURE__ */ jsx23(CardDescription, { children: "Send an invitation to a new user to join your organization" })
+  return /* @__PURE__ */ jsxs15(Card, { className: "w-full max-w-2xl", children: [
+    /* @__PURE__ */ jsxs15(CardHeader, { children: [
+      /* @__PURE__ */ jsx24(CardTitle, { children: "Invite User" }),
+      /* @__PURE__ */ jsx24(CardDescription, { children: "Send an invitation to a new user to join your organization" })
     ] }),
-    /* @__PURE__ */ jsx23(CardContent, { children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx23(Label, { htmlFor: "email", children: "Email Address" }),
-        /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(CardContent, { children: /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "email", children: "Email Address" }),
+        /* @__PURE__ */ jsx24(
           Input,
           {
             id: "email",
@@ -1582,19 +1616,19 @@ function UserInvite({ roles, onInvite }) {
             "aria-invalid": email !== "" && !isValidEmail(email)
           }
         ),
-        email !== "" && !isValidEmail(email) && /* @__PURE__ */ jsx23("p", { className: "text-xs text-destructive", children: "Please enter a valid email address" })
+        email !== "" && !isValidEmail(email) && /* @__PURE__ */ jsx24("p", { className: "text-xs text-destructive", children: "Please enter a valid email address" })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx23(Label, { htmlFor: "role", children: "Role" }),
-        /* @__PURE__ */ jsxs14(Select, { value: selectedRole, onValueChange: setSelectedRole, children: [
-          /* @__PURE__ */ jsx23(SelectTrigger, { id: "role", children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: "Select a role" }) }),
-          /* @__PURE__ */ jsx23(SelectContent, { children: roles.length > 0 ? roles.map((role) => /* @__PURE__ */ jsx23(SelectItem, { value: role, children: role }, role)) : /* @__PURE__ */ jsx23(SelectItem, { value: "no-roles", disabled: true, children: "No roles available" }) })
+      /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "role", children: "Role" }),
+        /* @__PURE__ */ jsxs15(Select, { value: selectedRole, onValueChange: setSelectedRole, children: [
+          /* @__PURE__ */ jsx24(SelectTrigger, { id: "role", children: /* @__PURE__ */ jsx24(SelectValue, { placeholder: "Select a role" }) }),
+          /* @__PURE__ */ jsx24(SelectContent, { children: roles.length > 0 ? roles.map((role) => /* @__PURE__ */ jsx24(SelectItem, { value: role, children: role }, role)) : /* @__PURE__ */ jsx24(SelectItem, { value: "no-roles", disabled: true, children: "No roles available" }) })
         ] }),
-        /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "The role determines what permissions the user will have" })
+        /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "The role determines what permissions the user will have" })
       ] }),
-      error && /* @__PURE__ */ jsx23("div", { className: "p-3 rounded-md bg-destructive/10 border border-destructive/20", children: /* @__PURE__ */ jsx23("p", { className: "text-sm text-destructive", children: error }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex justify-end space-x-3", children: [
-        /* @__PURE__ */ jsx23(
+      error && /* @__PURE__ */ jsx24("div", { className: "p-3 rounded-md bg-destructive/10 border border-destructive/20", children: /* @__PURE__ */ jsx24("p", { className: "text-sm text-destructive", children: error }) }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex justify-end space-x-3", children: [
+        /* @__PURE__ */ jsx24(
           Button,
           {
             type: "button",
@@ -1604,7 +1638,7 @@ function UserInvite({ roles, onInvite }) {
             children: "Reset"
           }
         ),
-        /* @__PURE__ */ jsx23(Button, { type: "submit", disabled: !isFormValid() || isSubmitting, children: isSubmitting ? "Sending..." : "Send Invitation" })
+        /* @__PURE__ */ jsx24(Button, { type: "submit", disabled: !isFormValid() || isSubmitting, children: isSubmitting ? "Sending..." : "Send Invitation" })
       ] })
     ] }) })
   ] });
@@ -1616,14 +1650,14 @@ import { useState as useState7, useMemo as useMemo3 } from "react";
 // src/components/ui/separator.tsx
 import "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Separator2({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -1644,16 +1678,16 @@ import { useState as useState6, useMemo as useMemo2, useEffect as useEffect3 } f
 // src/components/ui/popover.tsx
 import "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx26(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx26(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1661,7 +1695,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1685,15 +1719,15 @@ import { SearchIcon } from "lucide-react";
 import "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/components/ui/command.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -1709,14 +1743,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx27(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx28(
           CommandPrimitive.Input,
           {
             "data-slot": "command-input",
@@ -1735,7 +1769,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -1750,7 +1784,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
@@ -1763,7 +1797,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
@@ -1779,7 +1813,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -1794,7 +1828,7 @@ function CommandItem({
 
 // src/permissions-selector/index.tsx
 import { Trash2, Check as Check3, ChevronsUpDown } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function Combobox({
   options,
   value,
@@ -1808,8 +1842,8 @@ function Combobox({
   const [open, setOpen] = useState6(false);
   const selectedOption = options.find((opt) => opt.value === value);
   const isEmpty = options.length === 0;
-  return /* @__PURE__ */ jsxs17(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
       Button,
       {
         variant: "outline",
@@ -1822,21 +1856,21 @@ function Combobox({
           className
         ),
         children: [
-          isEmpty ? /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "None" }) : selectedOption ? /* @__PURE__ */ jsx28("span", { className: "truncate", children: selectedOption.label }) : placeholder,
-          /* @__PURE__ */ jsx28(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          isEmpty ? /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "None" }) : selectedOption ? /* @__PURE__ */ jsx29("span", { className: "truncate", children: selectedOption.label }) : placeholder,
+          /* @__PURE__ */ jsx29(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       PopoverContent,
       {
         className: "w-[--radix-popover-trigger-width] p-0",
         align: "start",
-        children: /* @__PURE__ */ jsxs17(Command, { children: [
-          /* @__PURE__ */ jsx28(CommandInput, { placeholder: searchPlaceholder }),
-          /* @__PURE__ */ jsxs17(CommandList, { children: [
-            /* @__PURE__ */ jsx28(CommandEmpty, { children: emptyText }),
-            /* @__PURE__ */ jsx28(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs17(
+        children: /* @__PURE__ */ jsxs18(Command, { children: [
+          /* @__PURE__ */ jsx29(CommandInput, { placeholder: searchPlaceholder }),
+          /* @__PURE__ */ jsxs18(CommandList, { children: [
+            /* @__PURE__ */ jsx29(CommandEmpty, { children: emptyText }),
+            /* @__PURE__ */ jsx29(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs18(
               CommandItem,
               {
                 value: option.label,
@@ -1845,7 +1879,7 @@ function Combobox({
                   setOpen(false);
                 },
                 children: [
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx29(
                     Check3,
                     {
                       className: cn(
@@ -1951,13 +1985,13 @@ function PermissionsSelector({
       setPermissionRows(initialPermissions);
     }
   }, [initialPermissions]);
-  return /* @__PURE__ */ jsxs17("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx28("div", { className: "space-y-3", children: permissionRows.map((row) => {
+  return /* @__PURE__ */ jsxs18("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx29("div", { className: "space-y-3", children: permissionRows.map((row) => {
       const relationOptions = getRelationsForNamespace(row.namespace);
       const objectOptions = getObjectsForNamespace(row.namespace);
       const showObjectSelect = objectOptions !== null;
-      return /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx28(
+      return /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx29(
           Button,
           {
             type: "button",
@@ -1966,11 +2000,11 @@ function PermissionsSelector({
             onClick: () => removePermissionRow(row.id),
             disabled: disabled || permissionRows.length === 1,
             className: "shrink-0",
-            children: /* @__PURE__ */ jsx28(Trash2, { className: "h-4 w-4 text-muted-foreground" })
+            children: /* @__PURE__ */ jsx29(Trash2, { className: "h-4 w-4 text-muted-foreground" })
           }
         ),
-        /* @__PURE__ */ jsxs17("div", { className: "flex flex-1 gap-0", children: [
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs18("div", { className: "flex flex-1 gap-0", children: [
+          /* @__PURE__ */ jsx29(
             Combobox,
             {
               options: namespaceOptions,
@@ -1982,7 +2016,7 @@ function PermissionsSelector({
               className: "w-1/3 min-w-[120px] rounded-r-none border-r-0"
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             Combobox,
             {
               options: relationOptions,
@@ -1997,7 +2031,7 @@ function PermissionsSelector({
               )
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             Combobox,
             {
               options: objectOptions ?? [],
@@ -2015,15 +2049,15 @@ function PermissionsSelector({
         ] })
       ] }, row.id);
     }) }),
-    showPreview && permissionRows.some((row) => row.namespace && row.relation) && /* @__PURE__ */ jsxs17("div", { className: "rounded-md bg-muted p-3", children: [
-      /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground mb-2", children: "Permissions to be granted:" }),
-      /* @__PURE__ */ jsx28("ul", { className: "space-y-1 text-xs font-mono", children: buildPermissions().map((perm, idx) => /* @__PURE__ */ jsx28("li", { className: "text-muted-foreground", children: perm }, idx)) })
+    showPreview && permissionRows.some((row) => row.namespace && row.relation) && /* @__PURE__ */ jsxs18("div", { className: "rounded-md bg-muted p-3", children: [
+      /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground mb-2", children: "Permissions to be granted:" }),
+      /* @__PURE__ */ jsx29("ul", { className: "space-y-1 text-xs font-mono", children: buildPermissions().map((perm, idx) => /* @__PURE__ */ jsx29("li", { className: "text-muted-foreground", children: perm }, idx)) })
     ] })
   ] });
 }
 
 // src/role-creator/index.tsx
-import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 function RoleCreator({
   definitions,
   roles,
@@ -2118,15 +2152,15 @@ function RoleCreator({
     setIsEditMode(false);
     setEditingRoleId(null);
   };
-  return /* @__PURE__ */ jsxs18(Card, { className: "w-full max-w-4xl", children: [
-    /* @__PURE__ */ jsxs18(CardHeader, { children: [
-      /* @__PURE__ */ jsx29(CardTitle, { children: isEditMode ? `Edit Role: ${roleName}` : "Create New Role" }),
-      /* @__PURE__ */ jsx29(CardDescription, { children: isEditMode ? "Update permissions for this existing role" : "Define a new role with specific permissions" })
+  return /* @__PURE__ */ jsxs19(Card, { className: "w-full max-w-4xl", children: [
+    /* @__PURE__ */ jsxs19(CardHeader, { children: [
+      /* @__PURE__ */ jsx30(CardTitle, { children: isEditMode ? `Edit Role: ${roleName}` : "Create New Role" }),
+      /* @__PURE__ */ jsx30(CardDescription, { children: isEditMode ? "Update permissions for this existing role" : "Define a new role with specific permissions" })
     ] }),
-    /* @__PURE__ */ jsxs18(CardContent, { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "space-y-2 relative", children: [
-        /* @__PURE__ */ jsx29(Label, { htmlFor: "role-name", children: "Role Name" }),
-        /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsxs19(CardContent, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2 relative", children: [
+        /* @__PURE__ */ jsx30(Label, { htmlFor: "role-name", children: "Role Name" }),
+        /* @__PURE__ */ jsx30(
           Input,
           {
             id: "role-name",
@@ -2137,9 +2171,9 @@ function RoleCreator({
             onBlur: () => setTimeout(() => setShowSuggestions(false), 200)
           }
         ),
-        showSuggestions && roleSuggestions.length > 0 && /* @__PURE__ */ jsx29("div", { className: "absolute z-10 w-full mt-1 bg-background border rounded-md shadow-lg max-h-48 overflow-y-auto", children: roleSuggestions.filter(
+        showSuggestions && roleSuggestions.length > 0 && /* @__PURE__ */ jsx30("div", { className: "absolute z-10 w-full mt-1 bg-background border rounded-md shadow-lg max-h-48 overflow-y-auto", children: roleSuggestions.filter(
           (suggestion) => suggestion.toLowerCase().includes(roleName.toLowerCase())
-        ).map((suggestion) => /* @__PURE__ */ jsx29(
+        ).map((suggestion) => /* @__PURE__ */ jsx30(
           "button",
           {
             className: "w-full px-4 py-2 text-left hover:bg-accent hover:text-accent-foreground text-sm",
@@ -2151,12 +2185,12 @@ function RoleCreator({
           },
           suggestion
         )) }),
-        isEditMode && /* @__PURE__ */ jsx29("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: "Editing existing role - changes will update all users with this role" })
+        isEditMode && /* @__PURE__ */ jsx30("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: "Editing existing role - changes will update all users with this role" })
       ] }),
-      /* @__PURE__ */ jsx29(Separator2, {}),
-      /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx29(Label, { children: "Permissions" }),
-        /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(Separator2, {}),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx30(Label, { children: "Permissions" }),
+        /* @__PURE__ */ jsx30(
           PermissionsSelector,
           {
             definitions,
@@ -2166,10 +2200,10 @@ function RoleCreator({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx29(Separator2, {}),
-      /* @__PURE__ */ jsxs18("div", { className: "flex justify-end space-x-3", children: [
-        /* @__PURE__ */ jsx29(Button, { variant: "outline", onClick: handleReset, children: "Reset" }),
-        /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(Separator2, {}),
+      /* @__PURE__ */ jsxs19("div", { className: "flex justify-end space-x-3", children: [
+        /* @__PURE__ */ jsx30(Button, { variant: "outline", onClick: handleReset, children: "Reset" }),
+        /* @__PURE__ */ jsx30(
           Button,
           {
             onClick: handleSubmit,
@@ -2187,14 +2221,14 @@ import { useState as useState8, useMemo as useMemo4 } from "react";
 
 // src/components/ui/table.tsx
 import "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx31(
         "table",
         {
           "data-slot": "table",
@@ -2206,7 +2240,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "thead",
     {
       "data-slot": "table-header",
@@ -2216,7 +2250,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2226,7 +2260,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "tr",
     {
       "data-slot": "table-row",
@@ -2239,7 +2273,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "th",
     {
       "data-slot": "table-head",
@@ -2252,7 +2286,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "td",
     {
       "data-slot": "table-cell",
@@ -2268,12 +2302,12 @@ function TableCell({ className, ...props }) {
 // src/components/ui/avatar.tsx
 import "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Avatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -2289,7 +2323,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -2304,7 +2338,7 @@ function AvatarFallback({
 
 // src/user-viewer/index.tsx
 import { Search, UserX } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function UserViewer({
   users,
   availableRoles,
@@ -2350,17 +2384,17 @@ function UserViewer({
       setIsUpdating((prev) => ({ ...prev, [userId]: false }));
     }
   };
-  return /* @__PURE__ */ jsxs19(Card, { className: "w-full max-w-6xl", children: [
-    /* @__PURE__ */ jsxs19(CardHeader, { children: [
-      /* @__PURE__ */ jsx32(CardTitle, { children: "Team Members" }),
-      /* @__PURE__ */ jsx32(CardDescription, { children: canEditUsers ? "View and manage users in your organization" : "View users in your organization" })
+  return /* @__PURE__ */ jsxs20(Card, { className: "w-full max-w-6xl", children: [
+    /* @__PURE__ */ jsxs20(CardHeader, { children: [
+      /* @__PURE__ */ jsx33(CardTitle, { children: "Team Members" }),
+      /* @__PURE__ */ jsx33(CardDescription, { children: canEditUsers ? "View and manage users in your organization" : "View users in your organization" })
     ] }),
-    /* @__PURE__ */ jsxs19(CardContent, { children: [
-      /* @__PURE__ */ jsxs19("div", { className: "mb-6", children: [
-        /* @__PURE__ */ jsx32(Label, { htmlFor: "search", className: "sr-only", children: "Search users" }),
-        /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx32(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs20(CardContent, { children: [
+      /* @__PURE__ */ jsxs20("div", { className: "mb-6", children: [
+        /* @__PURE__ */ jsx33(Label, { htmlFor: "search", className: "sr-only", children: "Search users" }),
+        /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx33(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx33(
             Input,
             {
               id: "search",
@@ -2372,7 +2406,7 @@ function UserViewer({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs19("p", { className: "text-xs text-muted-foreground mt-2", children: [
+        /* @__PURE__ */ jsxs20("p", { className: "text-xs text-muted-foreground mt-2", children: [
           "Showing ",
           filteredUsers.length,
           " of ",
@@ -2380,39 +2414,39 @@ function UserViewer({
           " users"
         ] })
       ] }),
-      filteredUsers.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs19(Table, { children: [
-        /* @__PURE__ */ jsx32(TableHeader, { children: /* @__PURE__ */ jsxs19(TableRow, { children: [
-          /* @__PURE__ */ jsx32(TableHead, { className: "w-[300px]", children: "User" }),
-          /* @__PURE__ */ jsx32(TableHead, { children: "Email" }),
-          /* @__PURE__ */ jsx32(TableHead, { className: "w-[180px]", children: "Role" }),
-          canEditUsers && onRemoveUser && /* @__PURE__ */ jsx32(TableHead, { className: "w-[100px] text-right", children: "Actions" })
+      filteredUsers.length > 0 ? /* @__PURE__ */ jsx33("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs20(Table, { children: [
+        /* @__PURE__ */ jsx33(TableHeader, { children: /* @__PURE__ */ jsxs20(TableRow, { children: [
+          /* @__PURE__ */ jsx33(TableHead, { className: "w-[300px]", children: "User" }),
+          /* @__PURE__ */ jsx33(TableHead, { children: "Email" }),
+          /* @__PURE__ */ jsx33(TableHead, { className: "w-[180px]", children: "Role" }),
+          canEditUsers && onRemoveUser && /* @__PURE__ */ jsx33(TableHead, { className: "w-[100px] text-right", children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ jsx32(TableBody, { children: filteredUsers.map((user) => /* @__PURE__ */ jsxs19(TableRow, { children: [
-          /* @__PURE__ */ jsx32(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx32(Avatar, { children: /* @__PURE__ */ jsx32(AvatarFallback, { children: getInitials(user.firstName, user.lastName) }) }),
-            /* @__PURE__ */ jsxs19("div", { children: [
-              /* @__PURE__ */ jsxs19("div", { className: "font-medium", children: [
+        /* @__PURE__ */ jsx33(TableBody, { children: filteredUsers.map((user) => /* @__PURE__ */ jsxs20(TableRow, { children: [
+          /* @__PURE__ */ jsx33(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx33(Avatar, { children: /* @__PURE__ */ jsx33(AvatarFallback, { children: getInitials(user.firstName, user.lastName) }) }),
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsxs20("div", { className: "font-medium", children: [
                 user.firstName,
                 " ",
                 user.lastName
               ] }),
-              /* @__PURE__ */ jsx32("div", { className: "text-xs text-muted-foreground md:hidden", children: user.email })
+              /* @__PURE__ */ jsx33("div", { className: "text-xs text-muted-foreground md:hidden", children: user.email })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx32(TableCell, { className: "hidden md:table-cell", children: user.email }),
-          /* @__PURE__ */ jsx32(TableCell, { children: canEditUsers && onRoleUpdate ? /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsx33(TableCell, { className: "hidden md:table-cell", children: user.email }),
+          /* @__PURE__ */ jsx33(TableCell, { children: canEditUsers && onRoleUpdate ? /* @__PURE__ */ jsxs20(
             Select,
             {
               value: user.role,
               onValueChange: (newRole) => handleRoleUpdate(user.userId, newRole),
               disabled: isUpdating[user.userId],
               children: [
-                /* @__PURE__ */ jsx32(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx32(SelectValue, {}) }),
-                /* @__PURE__ */ jsx32(SelectContent, { children: availableRoles.map((role) => /* @__PURE__ */ jsx32(SelectItem, { value: role, children: role }, role)) })
+                /* @__PURE__ */ jsx33(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx33(SelectValue, {}) }),
+                /* @__PURE__ */ jsx33(SelectContent, { children: availableRoles.map((role) => /* @__PURE__ */ jsx33(SelectItem, { value: role, children: role }, role)) })
               ]
             }
-          ) : /* @__PURE__ */ jsx32("span", { className: "capitalize text-sm font-medium", children: user.role }) }),
-          canEditUsers && onRemoveUser && /* @__PURE__ */ jsx32(TableCell, { className: "text-right", children: /* @__PURE__ */ jsxs19(
+          ) : /* @__PURE__ */ jsx33("span", { className: "capitalize text-sm font-medium", children: user.role }) }),
+          canEditUsers && onRemoveUser && /* @__PURE__ */ jsx33(TableCell, { className: "text-right", children: /* @__PURE__ */ jsxs20(
             Button,
             {
               variant: "ghost",
@@ -2421,17 +2455,18 @@ function UserViewer({
               disabled: isUpdating[user.userId],
               className: "h-8 w-8",
               children: [
-                /* @__PURE__ */ jsx32(UserX, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Remove user" })
+                /* @__PURE__ */ jsx33(UserX, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Remove user" })
               ]
             }
           ) })
         ] }, user.userId)) })
-      ] }) }) : /* @__PURE__ */ jsx32("div", { className: "text-center py-12 border rounded-lg", children: /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground", children: searchQuery ? "No users found matching your search" : "No users in this organization yet" }) })
+      ] }) }) : /* @__PURE__ */ jsx33("div", { className: "text-center py-12 border rounded-lg", children: /* @__PURE__ */ jsx33("p", { className: "text-muted-foreground", children: searchQuery ? "No users found matching your search" : "No users in this organization yet" }) })
     ] })
   ] });
 }
 export {
+  ErrorForm,
   LoginForm,
   PermissionsSelector,
   PricingTable,