@carlonicora/nextjs-jsonapi 1.24.0 → 1.24.1

package/dist/billing/index.js

@@ -51,7 +51,7 @@
 
 
 
-var _chunkBUULE6HAjs = require('../chunk-BUULE6HA.js');
+var _chunkILKUML3Zjs = require('../chunk-ILKUML3Z.js');
 
 
 
@@ -124,41 +124,41 @@ function SubscriptionSummaryCard({
   onManageClick
 }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-6 w-32 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-24 mb-1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-40" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-24 mb-1" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-40" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   const activeSubscriptions = subscriptions.filter(
     (sub) => sub.status === "active" /* ACTIVE */ || sub.status === "trialing" /* TRIALING */
   );
   const primarySubscription = activeSubscriptions[0];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: subscriptions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: subscriptions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No active plan" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Subscribe to get started" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkBUULE6HAjs.Button,
+        _chunkILKUML3Zjs.Button,
         {
           variant: "outline",
           size: "sm",
@@ -176,7 +176,7 @@ function SubscriptionSummaryCard({
     ] }) : primarySubscription ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold", children: formatPlanName(primarySubscription) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-muted-foreground", children: [
         formatPrice(_optionalChain([primarySubscription, 'access', _10 => _10.price, 'optionalAccess', _11 => _11.unitAmount]), _optionalChain([primarySubscription, 'access', _12 => _12.price, 'optionalAccess', _13 => _13.currency])),
@@ -220,36 +220,36 @@ function PaymentMethodSummaryCard({
   onManageClick
 }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-6 w-32 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-24" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-24" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   const defaultMethod = paymentMethods.find((pm) => pm.id === defaultPaymentMethodId) || paymentMethods[0];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No payment method" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Add a card to enable subscriptions" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
         e.stopPropagation();
         onManageClick();
       }, children: [
@@ -314,52 +314,52 @@ function CustomerInfoCard({ customer, loading, error }) {
     }
   }, "handlePortalClick");
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-6 w-32 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-48 mb-1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-24" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-48 mb-1" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-24" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   if (!customer) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "Not set up" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Billing account will be created when you subscribe" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       customer.name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold", children: customer.name }),
       customer.email && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: customer.email }),
       customer.balance !== void 0 && customer.balance !== 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground", children: "Credit Balance: " }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: customer.balance < 0 ? "text-green-600" : "text-destructive", children: formatBalance(customer.balance, customer.currency) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
         portalLoading ? "Loading..." : "Manage in Stripe Portal",
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4 ml-1" })
       ] })
@@ -403,42 +403,42 @@ function formatAmount(amount, currency) {
 _chunk7QVYU63Ejs.__name.call(void 0, formatAmount, "formatAmount");
 function InvoicesSummaryCard({ invoices, loading, error, onViewAllClick }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-6 w-24 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-32 mb-1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-20" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-32 mb-1" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-20" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   const latestInvoice = invoices[0];
   const paidInvoices = invoices.filter((inv) => inv.status === "paid" /* PAID */);
   const openInvoices = invoices.filter((inv) => inv.status === "open" /* OPEN */);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewAllClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewAllClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: invoices.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: invoices.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No invoices yet" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Invoices will appear after your first billing cycle" })
     ] }) : latestInvoice ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold", children: formatAmount(latestInvoice.total, latestInvoice.currency) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Badge, { variant: getStatusBadgeVariant2(latestInvoice.status), children: latestInvoice.status })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Badge, { variant: getStatusBadgeVariant2(latestInvoice.status), children: latestInvoice.status })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: latestInvoice.stripeInvoiceNumber || `Invoice from ${formatDate2(latestInvoice.periodStart)}` }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
@@ -478,24 +478,24 @@ function BillingUsageSummaryCard({
   onViewDetailsClick
 }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-6 w-24 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-32" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-32" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   const totalUsage = Object.values(summaries).reduce((acc, summary) => {
@@ -503,12 +503,12 @@ function BillingUsageSummaryCard({
   }, 0);
   const primaryMeter = meters.find((m) => _optionalChain([summaries, 'access', _23 => _23[m.id], 'optionalAccess', _24 => _24.aggregatedValue]));
   const primarySummary = primaryMeter ? summaries[primaryMeter.id] : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewDetailsClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewDetailsClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: meters.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: meters.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No meters" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "No usage meters are configured" })
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
@@ -612,10 +612,10 @@ function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
       setIsSubmitting(false);
     }
   }, "handleSubmit");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: "Add Payment Method" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: "Add Payment Method" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
     ] }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground", children: "Loading payment form..." }) }),
     !loading && setupIntent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
@@ -640,22 +640,22 @@ function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
       ) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.Checkbox,
+          _chunkILKUML3Zjs.Checkbox,
           {
             id: "setAsDefault",
             checked: setAsDefault,
             onCheckedChange: (checked) => setSetAsDefault(!!checked)
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Label, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Label, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDescription, { children: error }) }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDescription, { children: error }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-x-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { type: "submit", disabled: !stripe || isSubmitting, children: isSubmitting ? "Processing..." : "Add Card" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { type: "submit", disabled: !stripe || isSubmitting, children: isSubmitting ? "Processing..." : "Add Card" })
       ] })
     ] }),
-    !loading && !setupIntent && error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDescription, { children: error }) })
+    !loading && !setupIntent && error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDescription, { children: error }) })
   ] }) });
 }
 _chunk7QVYU63Ejs.__name.call(void 0, PaymentMethodEditor, "PaymentMethodEditor");
@@ -714,22 +714,22 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
     }
   }, "handleRemove");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { className: "relative", children: [
-      isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Badge, { className: "absolute right-2 top-2 bg-green-100 text-green-800 hover:bg-green-100", children: "Default" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { className: "relative", children: [
+      isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Badge, { className: "absolute right-2 top-2 bg-green-100 text-green-800 hover:bg-green-100", children: "Default" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xl", children: brandIcon }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium capitalize", children: brand })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DropdownMenu, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DropdownMenuTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}), nativeButton: false, variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DropdownMenuContent, { align: "end", children: [
-            !isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DropdownMenu, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DropdownMenuTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}), nativeButton: false, variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DropdownMenuContent, { align: "end", children: [
+            !isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-1", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-lg font-semibold", children: [
           "\u2022\u2022\u2022\u2022 ",
           last4
@@ -742,17 +742,17 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialog, { open: showRemoveDialog, onOpenChange: setShowRemoveDialog, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogTitle, { children: "Remove Payment Method" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialog, { open: showRemoveDialog, onOpenChange: setShowRemoveDialog, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogTitle, { children: "Remove Payment Method" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogDescription, { children: [
           "Are you sure you want to remove this payment method? This action cannot be undone.",
           isDefault && " This is your default payment method."
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogCancel, { disabled: loading, children: "Cancel" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogAction, { onClick: handleRemove, disabled: loading, className: "bg-red-600 hover:bg-red-700", children: loading ? "Removing..." : "Remove" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogCancel, { disabled: loading, children: "Cancel" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogAction, { onClick: handleRemove, disabled: loading, className: "bg-red-600 hover:bg-red-700", children: loading ? "Removing..." : "Remove" })
       ] })
     ] }) })
   ] });
@@ -795,14 +795,14 @@ function PaymentMethodsContainer() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Payment Methods" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Payment Method" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Payment Method" })
     ] }),
     paymentMethods.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed border-gray-300 bg-muted/50 p-12", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-16 w-16 text-muted-foreground" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-2 text-xl font-semibold", children: "No payment methods" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 text-muted-foreground", children: "Add a payment method to enable subscriptions and secure checkout." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Your First Card" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Your First Card" })
       ] })
     ] }),
     paymentMethods.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaymentMethodsList, { paymentMethods, onUpdate: loadPaymentMethods }),
@@ -926,13 +926,13 @@ function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
     return invoice.stripeInvoiceId.slice(-8);
   }, "getInvoiceNumber");
   const productName = _optionalChain([invoice, 'access', _35 => _35.subscription, 'optionalAccess', _36 => _36.price, 'optionalAccess', _37 => _37.product, 'optionalAccess', _38 => _38.name]) || "Subscription";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: [
         "Invoice ",
         getInvoiceNumber()
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: formatDate3(invoice.periodStart) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: formatDate3(invoice.periodStart) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-3", children: [
@@ -997,15 +997,15 @@ function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
-        invoice.stripePdfUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", onClick: handleDownloadPDF, children: [
+        invoice.stripePdfUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", onClick: handleDownloadPDF, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "mr-2 h-4 w-4" }),
           "Download PDF"
         ] }),
-        invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Button, { variant: "default", onClick: handleRetryPayment, children: [
+        invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Button, { variant: "default", onClick: handleRetryPayment, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.RefreshCw, { className: "mr-2 h-4 w-4" }),
           "Retry Payment"
         ] }),
-        invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", onClick: handleViewInStripe, children: [
+        invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", onClick: handleViewInStripe, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "mr-2 h-4 w-4" }),
           "View in Stripe"
         ] })
@@ -1029,30 +1029,30 @@ function InvoicesList({ invoices, onInvoicesChange }) {
     return invoice.stripeInvoiceId.slice(-8);
   }, "getInvoiceNumber");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.TableRow, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Invoice #" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Date" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Status" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { className: "text-right", children: "Amount" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Period" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.TableRow, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Invoice #" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Date" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Status" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { className: "text-right", children: "Amount" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Period" })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableBody, { children: invoices.map((invoice) => {
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableBody, { children: invoices.map((invoice) => {
         const invoiceNumber = getInvoiceNumber(invoice);
         const date = formatDate3(invoice.periodStart);
         const amount = formatCurrency(invoice.total, invoice.currency);
         const period = `${formatDate3(invoice.periodStart)} - ${formatDate3(invoice.periodEnd)}`;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkBUULE6HAjs.TableRow,
+          _chunkILKUML3Zjs.TableRow,
           {
             onClick: () => handleRowClick(invoice),
             className: "cursor-pointer hover:bg-muted/50",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "font-medium", children: invoiceNumber }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-muted-foreground text-sm", children: date }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InvoiceStatusBadge, { status: invoice.status }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-right font-medium", children: amount }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-muted-foreground text-sm", children: period })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "font-medium", children: invoiceNumber }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-muted-foreground text-sm", children: date }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InvoiceStatusBadge, { status: invoice.status }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-right font-medium", children: amount }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-muted-foreground text-sm", children: period })
             ]
           },
           invoice.id
@@ -1101,12 +1101,12 @@ function InvoicesContainer() {
     setStatusFilter(value);
   }, "handleFilterChange");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Tabs, { value: statusFilter, onValueChange: handleFilterChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.TabsList, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TabsTrigger, { value: "all", children: "All" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TabsTrigger, { value: "paid" /* PAID */, children: "Paid" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TabsTrigger, { value: "open" /* OPEN */, children: "Open" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TabsTrigger, { value: "void" /* VOID */, children: "Void" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TabsTrigger, { value: "uncollectible" /* UNCOLLECTIBLE */, children: "Uncollectible" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Tabs, { value: statusFilter, onValueChange: handleFilterChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.TabsList, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TabsTrigger, { value: "all", children: "All" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TabsTrigger, { value: "paid" /* PAID */, children: "Paid" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TabsTrigger, { value: "open" /* OPEN */, children: "Open" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TabsTrigger, { value: "void" /* VOID */, children: "Void" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TabsTrigger, { value: "uncollectible" /* UNCOLLECTIBLE */, children: "Uncollectible" })
     ] }) }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center py-8 text-muted-foreground", children: "Loading invoices..." }),
     !loading && invoices.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border border-dashed border-gray-300 rounded-lg p-8 text-center", children: [
@@ -1228,20 +1228,20 @@ function CancelSubscriptionDialog({
     }
   }, "onSubmit");
   const periodEndDate = formatDate3(subscription.currentPeriodEnd);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: "Cancel Subscription" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: "Cancel Subscription" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormCheckbox, { form, id: "cancelImmediately", name: "Cancel Immediately" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormCheckbox, { form, id: "cancelImmediately", name: "Cancel Immediately" }),
       cancelImmediately ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-red-50 border border-red-200 rounded-lg p-3 text-sm text-red-800", children: "Your subscription will be canceled immediately and you will lose access right away." }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-3 text-sm text-blue-800", children: [
         "Your subscription will remain active until ",
         periodEndDate,
         ". You can continue using the service until then."
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBUULE6HAjs.FormTextarea,
+        _chunkILKUML3Zjs.FormTextarea,
         {
           form,
           id: "reason",
@@ -1251,8 +1251,8 @@ function CancelSubscriptionDialog({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-x-2 justify-end pt-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Keep Subscription" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? "Canceling..." : "Confirm Cancellation" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Keep Subscription" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? "Canceling..." : "Confirm Cancellation" })
       ] })
     ] }) })
   ] }) });
@@ -1284,7 +1284,7 @@ function PricingCard({ price, isCurrentPlan = false, isSelected = false, isDisab
     }
   }, "handleClick");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkBUULE6HAjs.Card,
+    _chunkILKUML3Zjs.Card,
     {
       role: "radio",
       "aria-checked": isSelected,
@@ -1302,9 +1302,9 @@ function PricingCard({ price, isCurrentPlan = false, isSelected = false, isDisab
         isLoading && "pointer-events-none"
       ),
       children: [
-        isCurrentPlan && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: description }) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { className: "pb-4 grow", children: [
+        isCurrentPlan && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: description }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { className: "pb-4 grow", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-3xl font-bold", children: formattedPrice }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground ml-1", children: interval })
@@ -1314,8 +1314,8 @@ function PricingCard({ price, isCurrentPlan = false, isSelected = false, isDisab
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-muted-foreground", children: feature })
           ] }, index)) })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.Button,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkILKUML3Zjs.Button,
           {
             variant: isCurrentPlan ? "secondary" : isSelected ? "default" : "outline",
             className: "w-full",
@@ -1369,26 +1369,26 @@ function PricingCardsGrid({
 _chunk7QVYU63Ejs.__name.call(void 0, PricingCardsGrid, "PricingCardsGrid");
 function PricingCardsGridSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-8", children: [1, 2].map((productIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-6 w-32" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((cardIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { className: "animate-pulse", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-5 w-24" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { className: "pb-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-6 w-32" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((cardIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { className: "animate-pulse", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-5 w-24" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { className: "pb-4", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-9 w-20 inline-block" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-12 inline-block ml-2" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-9 w-20 inline-block" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-12 inline-block ml-2" })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-32" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-32" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-4 w-28" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-4 w-28" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Skeleton, { className: "h-9 w-full" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Skeleton, { className: "h-9 w-full" }) })
     ] }, cardIndex)) })
   ] }, productIndex)) });
 }
@@ -1577,16 +1577,16 @@ function SubscriptionEditor({
     setSelectedPriceId(null);
     setProrationPreview(null);
   }, "handleCancel");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: subscription ? "Change Plan" : "Subscribe to a Plan" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: subscription ? "Select a new plan to switch to. You'll see a proration preview before confirming." : "Choose a plan to start your subscription." })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: subscription ? "Change Plan" : "Subscribe to a Plan" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: subscription ? "Select a new plan to switch to. You'll see a proration preview before confirming." : "Choose a plan to start your subscription." })
     ] }),
-    loadingPaymentMethods && !subscription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground", children: "Checking payment methods..." }) }) : !hasPaymentMethod && !subscription ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertTitle, { children: "Payment Method Required" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDescription, { className: "mt-2", children: [
+    loadingPaymentMethods && !subscription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground", children: "Checking payment methods..." }) }) : !hasPaymentMethod && !subscription ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertTitle, { children: "Payment Method Required" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDescription, { className: "mt-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4", children: paymentRequiredError ? "Your subscription could not be created because no payment method is on file." : "You need to add a payment method before you can subscribe to a plan." }),
-        onAddPaymentMethod && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: onAddPaymentMethod, variant: "outline", children: "Add Payment Method" })
+        onAddPaymentMethod && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: onAddPaymentMethod, variant: "outline", children: "Add Payment Method" })
       ] })
     ] }) : paymentConfirmationState === "confirming" || isConfirming ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-primary" }),
@@ -1600,12 +1600,12 @@ function SubscriptionEditor({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-medium text-green-600", children: "Payment successful!" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
       ] })
-    ] }) : paymentConfirmationState === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertTitle, { children: "Payment Failed" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDescription, { className: "mt-2", children: [
+    ] }) : paymentConfirmationState === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertTitle, { children: "Payment Failed" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDescription, { className: "mt-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.Button,
+          _chunkILKUML3Zjs.Button,
           {
             onClick: () => {
               setPaymentConfirmationState("idle");
@@ -1634,8 +1634,8 @@ function SubscriptionEditor({
       isEditMode && prorationPreview && !loadingProration && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProrationPreview, { preview: prorationPreview }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", onClick: handleCancel, disabled: !!loadingPriceId, children: "Cancel" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: handleConfirmPlanChange, disabled: !!loadingPriceId, children: loadingPriceId ? "Processing..." : "Confirm Plan Change" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", onClick: handleCancel, disabled: !!loadingPriceId, children: "Cancel" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: handleConfirmPlanChange, disabled: !!loadingPriceId, children: loadingPriceId ? "Processing..." : "Confirm Plan Change" })
         ] })
       ] })
     ] })
@@ -1764,10 +1764,10 @@ function SubscriptionDetails({
   const canResume = subscription.status === "paused" /* PAUSED */;
   const canCancel = subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */ || subscription.status === "paused" /* PAUSED */;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-2xl", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: "Subscription Details" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: "View and manage your subscription" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: "Subscription Details" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: "View and manage your subscription" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-3", children: [
@@ -1803,11 +1803,11 @@ function SubscriptionDetails({
           "."
         ] }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "default", onClick: () => setShowEdit(true), children: "Change Plan" }),
-          canPause && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", onClick: handlePause, disabled: isProcessing, children: isProcessing ? "Pausing..." : "Pause" }),
-          canResume && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", onClick: handleResume, disabled: isProcessing, children: isProcessing ? "Resuming..." : "Resume" }),
-          canCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "destructive", onClick: () => setShowCancel(true), children: "Cancel" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", onClick: handleManageViaPortal, children: "Manage via Portal" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "default", onClick: () => setShowEdit(true), children: "Change Plan" }),
+          canPause && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", onClick: handlePause, disabled: isProcessing, children: isProcessing ? "Pausing..." : "Pause" }),
+          canResume && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", onClick: handleResume, disabled: isProcessing, children: isProcessing ? "Resuming..." : "Resume" }),
+          canCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "destructive", onClick: () => setShowCancel(true), children: "Cancel" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", onClick: handleManageViaPortal, children: "Manage via Portal" })
         ] })
       ] })
     ] }) }),
@@ -1866,27 +1866,27 @@ function SubscriptionsList({ subscriptions, onSubscriptionsChange }) {
     setSelectedSub(subscription);
   }, "handleRowClick");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.TableRow, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Status" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Plan" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Period" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { className: "text-right", children: "Amount" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.TableRow, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Status" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Plan" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Period" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { className: "text-right", children: "Amount" })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableBody, { children: subscriptions.map((subscription) => {
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableBody, { children: subscriptions.map((subscription) => {
         const price = subscription.price;
         const amount = _optionalChain([price, 'optionalAccess', _56 => _56.unitAmount]) ? formatCurrency(price.unitAmount, price.currency) : "N/A";
         const period = `${formatDate3(subscription.currentPeriodStart)} - ${formatDate3(subscription.currentPeriodEnd)}`;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkBUULE6HAjs.TableRow,
+          _chunkILKUML3Zjs.TableRow,
           {
             onClick: () => handleRowClick(subscription),
             className: "cursor-pointer hover:bg-muted/50",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "font-medium", children: formatPlanName3(price) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-muted-foreground text-sm", children: period }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-right font-medium", children: amount })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "font-medium", children: formatPlanName3(price) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-muted-foreground text-sm", children: period }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-right font-medium", children: amount })
             ]
           },
           subscription.id
@@ -2041,7 +2041,7 @@ function SubscriptionsContainer() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Subscriptions" })
       ] }),
-      subscriptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: () => setShowCreateSubscription(true), children: "Subscribe to a Plan" })
+      subscriptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: () => setShowCreateSubscription(true), children: "Subscribe to a Plan" })
     ] }),
     criticalSubscriptions.map((subscription) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BillingAlertBanner, { subscription }, subscription.id)),
     subscriptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
@@ -2059,12 +2059,12 @@ function SubscriptionsContainer() {
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
         ] })
       ] }),
-      paymentConfirmationState === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertTitle, { children: "Payment Failed" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDescription, { className: "mt-2", children: [
+      paymentConfirmationState === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertTitle, { children: "Payment Failed" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDescription, { className: "mt-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBUULE6HAjs.Button,
+            _chunkILKUML3Zjs.Button,
             {
               onClick: () => {
                 setPaymentConfirmationState("idle");
@@ -2158,15 +2158,15 @@ function UsageSummaryCard({ meter, summary }) {
   const progressWidth = percentage !== null ? Math.min(percentage, 100) : 0;
   const displayName = meter.displayName || meter.eventName;
   const hasLimit = limit !== null && limit !== void 0;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-5 w-5" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold", children: displayName }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: meter.id })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardContent, { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardContent, { className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-3xl font-bold", children: currentUsage.toLocaleString() }),
         hasLimit && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-gray-500", children: [
@@ -2294,21 +2294,21 @@ function UsageHistoryTable({ usageRecords }) {
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-xl font-semibold", children: "Usage History" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.TableRow, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Date & Time" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Meter Event" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { className: "text-right", children: "Quantity" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableHead, { children: "Event ID" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.TableRow, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Date & Time" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Meter Event" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { className: "text-right", children: "Quantity" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableHead, { children: "Event ID" })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableBody, { children: usageRecords.map((record) => {
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableBody, { children: usageRecords.map((record) => {
         const dateTime = formatDateTime(record.timestamp);
         const quantity = record.quantity.toLocaleString();
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.TableRow, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "font-medium", children: dateTime }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-right font-medium", children: quantity }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.TableRow, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "font-medium", children: dateTime }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-right font-medium", children: quantity }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
         ] }, record.id);
       }) })
     ] }) })
@@ -2325,8 +2325,8 @@ function BillingDetailModal({
   children,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: _nullishCoalesce(className, () => ( "max-w-4xl max-h-[90vh] overflow-y-auto")), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: title }) }),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: _nullishCoalesce(className, () => ( "max-w-4xl max-h-[90vh] overflow-y-auto")), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: title }) }),
     children
   ] }) });
 }
@@ -2343,7 +2343,7 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-red-900", children: "Payment Failed" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-red-700 mt-1", children: "Your last payment failed. Please update your payment method to avoid service interruption." })
       ] }),
-      onUpdatePayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", size: "sm", onClick: onUpdatePayment, className: "border-red-300 text-red-700", children: "Update Payment Method" })
+      onUpdatePayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", size: "sm", onClick: onUpdatePayment, className: "border-red-300 text-red-700", children: "Update Payment Method" })
     ] });
   }
   if (subscription.status === "trialing" /* TRIALING */ && subscription.trialEnd) {
@@ -2363,7 +2363,7 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
             ". Add a payment method to continue your subscription."
           ] })
         ] }),
-        onAddPayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
+        onAddPayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
       ] });
     }
   }
@@ -2563,18 +2563,18 @@ function BillingDashboardContainer() {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-8 w-8" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Billing" })
     ] }),
-    isInitialLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
-    noCustomerExists && !isInitialLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.CardHeader, { className: "text-center", children: [
+    isInitialLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
+    noCustomerExists && !isInitialLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.CardHeader, { className: "text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8 text-primary" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardTitle, { children: "Set Up Billing" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardTitle, { children: "Set Up Billing" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
         "Setting up..."
       ] }) : "Set Up Billing Account" }) }),
-      errors.customer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CardContent, { className: "pt-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
+      errors.customer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CardContent, { className: "pt-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
     ] }),
     !noCustomerExists && !isInitialLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       criticalSubscriptions.map((subscription) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2814,10 +2814,10 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     { id: "licensed", text: "Licensed (per unit)" },
     { id: "metered", text: "Metered (usage-based)" }
   ];
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: isEditMode ? "Update the price details. Note: Only nickname and active status can be changed." : "Create a new price for this product" })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: isEditMode ? "Update the price details. Note: Only nickname and active status can be changed." : "Create a new price for this product" })
     ] }),
     isEditMode && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
@@ -2826,10 +2826,10 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: "Due to Stripe's architecture, only the nickname and active status can be modified after creation. To change amount, currency, or billing interval, create a new price." })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.FormInput,
+          _chunkILKUML3Zjs.FormInput,
           {
             form,
             id: "unitAmount",
@@ -2839,10 +2839,10 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             isRequired: true
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBUULE6HAjs.FormSelect,
+        _chunkILKUML3Zjs.FormSelect,
         {
           form,
           id: "interval",
@@ -2853,7 +2853,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
       ),
       isRecurring && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.FormInput,
+          _chunkILKUML3Zjs.FormInput,
           {
             form,
             id: "intervalCount",
@@ -2864,7 +2864,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.FormSelect,
+          _chunkILKUML3Zjs.FormSelect,
           {
             form,
             id: "usageType",
@@ -2875,7 +2875,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBUULE6HAjs.FormInput,
+        _chunkILKUML3Zjs.FormInput,
         {
           form,
           id: "nickname",
@@ -2884,7 +2884,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBUULE6HAjs.FormTextarea,
+        _chunkILKUML3Zjs.FormTextarea,
         {
           form,
           id: "description",
@@ -2893,12 +2893,12 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           className: "min-h-24"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.FormItem, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormLabel, { children: "Features (optional)" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.FormItem, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormLabel, { children: "Features (optional)" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
           form.watch("features").map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBUULE6HAjs.Input,
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkILKUML3Zjs.Input,
               {
                 ...form.register(`features.${index}`),
                 placeholder: `Feature ${index + 1}`,
@@ -2906,7 +2906,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
               }
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBUULE6HAjs.Button,
+              _chunkILKUML3Zjs.Button,
               {
                 type: "button",
                 variant: "outline",
@@ -2923,7 +2923,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             )
           ] }, index)),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkBUULE6HAjs.Button,
+            _chunkILKUML3Zjs.Button,
             {
               type: "button",
               variant: "outline",
@@ -2941,8 +2941,8 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -3028,12 +3028,12 @@ function PricesList({ productId, onPricesChange }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-lg font-semibold", children: "Prices" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
     ] }),
     prices.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.DollarSign, { className: "text-muted-foreground h-12 w-12" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
     ] }),
     prices.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: prices.map((price) => {
       const isArchiving = archivingPriceId === price.id;
@@ -3042,9 +3042,9 @@ function PricesList({ productId, onPricesChange }) {
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between mb-3", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.DollarSign, { className: "h-5 w-5 text-primary" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Edit, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Edit, { className: "h-4 w-4" }) }),
             price.active ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBUULE6HAjs.Button,
+              _chunkILKUML3Zjs.Button,
               {
                 variant: "ghost",
                 size: "sm",
@@ -3054,7 +3054,7 @@ function PricesList({ productId, onPricesChange }) {
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Archive, { className: "h-4 w-4" })
               }
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBUULE6HAjs.Button,
+              _chunkILKUML3Zjs.Button,
               {
                 variant: "ghost",
                 size: "sm",
@@ -3105,20 +3105,20 @@ function PricesList({ productId, onPricesChange }) {
         }
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogTitle, { children: "Archive Price" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogTitle, { children: "Archive Price" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogDescription, { children: [
           "Are you sure you want to archive the price for",
           " ",
           priceToArchive && `${formatCurrency(priceToArchive.unitAmount, priceToArchive.currency)} ${formatInterval2(priceToArchive)}`,
           "? This will prevent new subscriptions but existing ones will continue."
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.AlertDialogAction,
+          _chunkILKUML3Zjs.AlertDialogAction,
           {
             onClick: handleArchive,
             disabled: !!archivingPriceId,
@@ -3128,20 +3128,20 @@ function PricesList({ productId, onPricesChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogTitle, { children: "Reactivate Price" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogTitle, { children: "Reactivate Price" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogDescription, { children: [
           "Are you sure you want to reactivate the price for",
           " ",
           priceToReactivate && `${formatCurrency(priceToReactivate.unitAmount, priceToReactivate.currency)} ${formatInterval2(priceToReactivate)}`,
           "? This will allow new subscriptions again."
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.AlertDialogAction,
+          _chunkILKUML3Zjs.AlertDialogAction,
           {
             onClick: handleReactivate,
             disabled: !!reactivatingPriceId,
@@ -3207,15 +3207,15 @@ function ProductEditor({ product, open, onOpenChange, onSuccess }) {
       setIsSubmitting(false);
     }
   }, "onSubmit");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBUULE6HAjs.FormTextarea,
+        _chunkILKUML3Zjs.FormTextarea,
         {
           form,
           id: "description",
@@ -3224,8 +3224,8 @@ function ProductEditor({ product, open, onOpenChange, onSuccess }) {
           className: "min-h-32"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -3292,12 +3292,12 @@ function ProductsList({ products, onProductsChange }) {
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Edit, { className: "h-4 w-4 mr-1" }),
               "Edit"
             ] }),
             product.active ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkBUULE6HAjs.Button,
+              _chunkILKUML3Zjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -3309,7 +3309,7 @@ function ProductsList({ products, onProductsChange }) {
                 ]
               }
             ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkBUULE6HAjs.Button,
+              _chunkILKUML3Zjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -3321,7 +3321,7 @@ function ProductsList({ products, onProductsChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-5 w-5" }) })
           ] })
         ] }),
         isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
@@ -3339,19 +3339,19 @@ function ProductsList({ products, onProductsChange }) {
         }
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogTitle, { children: "Archive Product" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogTitle, { children: "Archive Product" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogDescription, { children: [
           'Are you sure you want to archive "',
           _optionalChain([productToArchive, 'optionalAccess', _99 => _99.name]),
           '"? This will deactivate it and it will no longer be available for new subscriptions.'
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.AlertDialogAction,
+          _chunkILKUML3Zjs.AlertDialogAction,
           {
             onClick: handleArchive,
             disabled: !!archivingProductId,
@@ -3361,19 +3361,19 @@ function ProductsList({ products, onProductsChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogTitle, { children: "Reactivate Product" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogTitle, { children: "Reactivate Product" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogDescription, { children: [
           'Are you sure you want to reactivate "',
           _optionalChain([productToReactivate, 'optionalAccess', _100 => _100.name]),
           '"? This will make it available for new subscriptions again.'
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBUULE6HAjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkILKUML3Zjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBUULE6HAjs.AlertDialogAction,
+          _chunkILKUML3Zjs.AlertDialogAction,
           {
             onClick: handleReactivate,
             disabled: !!reactivatingProductId,
@@ -3390,7 +3390,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, ProductsList, "ProductsList");
 // src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
 
 function ProductsAdminContainer() {
-  const { hasRole } = _chunkBUULE6HAjs.useCurrentUserContext.call(void 0, );
+  const { hasRole } = _chunkILKUML3Zjs.useCurrentUserContext.call(void 0, );
   const [products, setProducts] = _react.useState.call(void 0, []);
   const [loading, setLoading] = _react.useState.call(void 0, true);
   const [showCreateProduct, setShowCreateProduct] = _react.useState.call(void 0, false);
@@ -3420,14 +3420,14 @@ function ProductsAdminContainer() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "h-8 w-8" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Product & Price Management" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
     ] }),
     products.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed p-12", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "text-muted-foreground h-16 w-16" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-2 text-xl font-semibold", children: "No products yet" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUULE6HAjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILKUML3Zjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
       ] })
     ] }),
     products.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProductsList, { products, onProductsChange: loadProducts }),