@nextsparkjs/core 0.1.0-beta.128 → 0.1.0-beta.129

package/dist/components/billing/ConfirmPlanChangeModal.d.ts

@@ -0,0 +1,29 @@
+interface ConfirmPlanChangeModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    currentPlanSlug: string;
+    targetPlanSlug: string;
+    onConfirm: () => void;
+    loading?: boolean;
+}
+/**
+ * ConfirmPlanChangeModal - Confirmation dialog for plan upgrades/downgrades
+ *
+ * Detects whether the change is an upgrade or downgrade based on plan price,
+ * and shows an appropriate message to the user before confirming.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmPlanChangeModal
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   currentPlanSlug="starter"
+ *   targetPlanSlug="pro"
+ *   onConfirm={() => handlePlanChange('pro')}
+ *   loading={isChanging}
+ * />
+ * ```
+ */
+export declare function ConfirmPlanChangeModal({ open, onOpenChange, currentPlanSlug, targetPlanSlug, onConfirm, loading }: ConfirmPlanChangeModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmPlanChangeModal.d.ts.map

package/dist/components/billing/ConfirmPlanChangeModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmPlanChangeModal.d.ts","sourceRoot":"","sources":["../../../src/components/billing/ConfirmPlanChangeModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,2BAA2B;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,cAAc,EACd,SAAS,EACT,OAAe,EAChB,EAAE,2BAA2B,2CA4F7B"}

package/dist/components/billing/ConfirmPlanChangeModal.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BILLING_REGISTRY } from "@nextsparkjs/registries/billing-registry";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../ui/dialog.js";
+import { Button } from "../ui/button.js";
+import { Badge } from "../ui/badge.js";
+import { ArrowRight } from "lucide-react";
+import { useTranslations } from "next-intl";
+function ConfirmPlanChangeModal({
+  open,
+  onOpenChange,
+  currentPlanSlug,
+  targetPlanSlug,
+  onConfirm,
+  loading = false
+}) {
+  var _a, _b, _c, _d;
+  const t = useTranslations("billing");
+  const { currentPlan, targetPlan, isUpgrade, isDowngradeToFree } = useMemo(() => {
+    var _a2, _b2;
+    const current = BILLING_REGISTRY.plans.find((p) => p.slug === currentPlanSlug);
+    const target = BILLING_REGISTRY.plans.find((p) => p.slug === targetPlanSlug);
+    const currentPrice = ((_a2 = current == null ? void 0 : current.price) == null ? void 0 : _a2.monthly) ?? 0;
+    const targetPrice = ((_b2 = target == null ? void 0 : target.price) == null ? void 0 : _b2.monthly) ?? 0;
+    return {
+      currentPlan: current,
+      targetPlan: target,
+      isUpgrade: targetPrice > currentPrice,
+      isDowngradeToFree: (target == null ? void 0 : target.type) === "free"
+    };
+  }, [currentPlanSlug, targetPlanSlug]);
+  const currentPriceDisplay = ((_a = currentPlan == null ? void 0 : currentPlan.price) == null ? void 0 : _a.monthly) ? `$${(currentPlan.price.monthly / 100).toFixed(0)}` : t("plans.free.name");
+  const targetPriceDisplay = ((_b = targetPlan == null ? void 0 : targetPlan.price) == null ? void 0 : _b.monthly) ? `$${(targetPlan.price.monthly / 100).toFixed(0)}` : t("plans.free.name");
+  const description = isDowngradeToFree ? t("changePlan.downgradeToFreeDescription") : isUpgrade ? t("changePlan.upgradeDescription") : t("changePlan.downgradeDescription");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-cy": "confirm-plan-change-modal", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { "data-cy": "confirm-plan-change-title", children: t("changePlan.title") }),
+      /* @__PURE__ */ jsx(DialogDescription, { "data-cy": "confirm-plan-change-description", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-center gap-3 py-4 px-2 rounded-lg bg-muted/50",
+        "data-cy": "confirm-plan-change-plans",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("changePlan.from") }),
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", "data-cy": "confirm-plan-change-current", children: t(`plans.${currentPlanSlug}.name`) }),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium tabular-nums text-muted-foreground", children: [
+              currentPriceDisplay,
+              ((_c = currentPlan == null ? void 0 : currentPlan.price) == null ? void 0 : _c.monthly) ? t("perMonth") : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4 text-muted-foreground shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("changePlan.to") }),
+            /* @__PURE__ */ jsx(Badge, { variant: "default", "data-cy": "confirm-plan-change-target", children: t(`plans.${targetPlanSlug}.name`) }),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold tabular-nums", children: [
+              targetPriceDisplay,
+              ((_d = targetPlan == null ? void 0 : targetPlan.price) == null ? void 0 : _d.monthly) ? t("perMonth") : ""
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: loading,
+          "data-cy": "confirm-plan-change-cancel",
+          children: t("changePlan.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: onConfirm,
+          disabled: loading,
+          "aria-busy": loading,
+          "data-cy": "confirm-plan-change-confirm",
+          children: loading ? t("changePlan.confirming") : t("changePlan.confirm")
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  ConfirmPlanChangeModal
+};

package/dist/components/billing/PricingTable.d.ts

@@ -5,6 +5,9 @@ interface PricingTableProps {
 /**
  * PricingTable - Plan comparison table with features and limits
  *
+ * Shows skeleton cards while subscription data loads to avoid
+ * a flash of incorrect button states (INP optimization).
+ *
  * @example
  * ```tsx
  * <PricingTable onSelectPlan={(slug) => handleUpgrade(slug)} />

package/dist/components/billing/PricingTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PricingTable.d.ts","sourceRoot":"","sources":["../../../src/components/billing/PricingTable.tsx"],"names":[],"mappings":"AAWA,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAgI1E"}
+{"version":3,"file":"PricingTable.d.ts","sourceRoot":"","sources":["../../../src/components/billing/PricingTable.tsx"],"names":[],"mappings":"AAcA,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA0CD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA4L1E"}

package/dist/components/billing/PricingTable.js

@@ -1,90 +1,165 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { BILLING_REGISTRY } from "@nextsparkjs/registries/billing-registry";
 import { useSubscription } from "../../hooks/useSubscription.js";
 import { Button } from "../ui/button.js";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card.js";
 import { Badge } from "../ui/badge.js";
+import { Skeleton } from "../ui/skeleton.js";
 import { Check, X } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { cn } from "../../lib/utils/index.js";
+import { ConfirmPlanChangeModal } from "./ConfirmPlanChangeModal.js";
+function PricingCardSkeleton() {
+  return /* @__PURE__ */ jsxs(Card, { className: "relative flex flex-col", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48 mt-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-20 mt-4" })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "flex-1 flex flex-col", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-3" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2.5 mb-6", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-full shrink-0" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-32" })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 mb-3" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2.5 mb-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-16" })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-auto", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" }) })
+    ] })
+  ] });
+}
 function PricingTable({ onSelectPlan, className }) {
   const t = useTranslations("billing");
-  const { planSlug: currentPlanSlug } = useSubscription();
+  const { planSlug: currentPlanSlug, subscription, isReady } = useSubscription();
+  const [confirmModalOpen, setConfirmModalOpen] = useState(false);
+  const [targetPlanSlug, setTargetPlanSlug] = useState(null);
+  const [changePlanLoading, setChangePlanLoading] = useState(false);
+  const hasActiveSubscription = !!(subscription == null ? void 0 : subscription.externalSubscriptionId);
+  const handleSelectPlan = (planSlug) => {
+    if (hasActiveSubscription && currentPlanSlug && planSlug !== currentPlanSlug) {
+      setTargetPlanSlug(planSlug);
+      setConfirmModalOpen(true);
+    } else {
+      onSelectPlan == null ? void 0 : onSelectPlan(planSlug);
+    }
+  };
+  const handleConfirmChange = async () => {
+    if (!targetPlanSlug) return;
+    setChangePlanLoading(true);
+    try {
+      onSelectPlan == null ? void 0 : onSelectPlan(targetPlanSlug);
+    } finally {
+      setChangePlanLoading(false);
+      setConfirmModalOpen(false);
+      setTargetPlanSlug(null);
+    }
+  };
   const visiblePlans = BILLING_REGISTRY.plans.filter(
     (p) => p.visibility === "public" || p.visibility === void 0
   );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", className),
-      "data-cy": "pricing-table",
-      children: visiblePlans.map((plan) => {
-        var _a;
-        const isCurrentPlan = plan.slug === currentPlanSlug;
-        const priceMonthly = ((_a = plan.price) == null ? void 0 : _a.monthly) ? plan.price.monthly / 100 : 0;
-        return /* @__PURE__ */ jsxs(
-          Card,
-          {
-            className: cn(
-              "relative flex flex-col",
-              isCurrentPlan && "border-primary border-2"
-            ),
-            "data-cy": `pricing-plan-${plan.slug}`,
-            children: [
-              isCurrentPlan && /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx(Badge, { variant: "default", "data-cy": "pricing-current-badge", children: t("currentPlan") }) }),
-              /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", "data-cy": "pricing-plan-name", children: t(`plans.${plan.slug}.name`) }),
-                /* @__PURE__ */ jsx(CardDescription, { "data-cy": "pricing-plan-description", children: t(`plans.${plan.slug}.description`) }),
-                /* @__PURE__ */ jsx("div", { className: "mt-4", "data-cy": "pricing-plan-price", children: priceMonthly > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs("span", { className: "text-4xl font-bold", children: [
-                    "$",
-                    priceMonthly.toFixed(0)
-                  ] }),
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "/mo" })
-                ] }) : plan.type === "enterprise" ? /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold", children: t("contactUs") }) : /* @__PURE__ */ jsx("span", { className: "text-4xl font-bold", children: t("plans.free.name") }) })
-              ] }),
-              /* @__PURE__ */ jsxs(CardContent, { className: "flex-1 flex flex-col", children: [
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", "data-cy": "pricing-plan-features", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm text-muted-foreground", children: t("features.title") || "Features" }),
-                  /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: Object.entries(BILLING_REGISTRY.features).map(([slug, feature]) => {
-                    const hasFeature = plan.features.includes("*") || plan.features.includes(slug);
-                    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", "data-cy": `feature-${slug}`, children: [
-                      hasFeature ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-600 flex-shrink-0" }) : /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }),
-                      /* @__PURE__ */ jsx("span", { className: cn("text-sm", !hasFeature && "text-muted-foreground"), children: t(`features.${slug}`) })
-                    ] }, slug);
-                  }) })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", "data-cy": "pricing-plan-limits", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm text-muted-foreground", children: t("limits.title") || "Limits" }),
-                  /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: Object.entries(BILLING_REGISTRY.limits).map(([slug, limit]) => {
-                    const value = plan.limits[slug];
-                    const displayValue = value === -1 ? t("unlimited") : value !== void 0 ? value.toString() : "-";
-                    return /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between text-sm", "data-cy": `limit-${slug}`, children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(`limits.${slug}`) }),
-                      /* @__PURE__ */ jsx("span", { className: "font-medium", children: displayValue })
-                    ] }, slug);
-                  }) })
+  if (!isReady) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", className),
+        "data-cy": "pricing-table-loading",
+        children: visiblePlans.map((plan) => /* @__PURE__ */ jsx(PricingCardSkeleton, {}, plan.slug))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", className),
+        "data-cy": "pricing-table",
+        children: visiblePlans.map((plan) => {
+          var _a;
+          const isCurrentPlan = plan.slug === currentPlanSlug;
+          const priceMonthly = ((_a = plan.price) == null ? void 0 : _a.monthly) ? plan.price.monthly / 100 : 0;
+          return /* @__PURE__ */ jsxs(
+            Card,
+            {
+              className: cn(
+                "relative flex flex-col transition-all duration-200",
+                isCurrentPlan ? "border-primary border-2 shadow-md ring-1 ring-primary/20" : "hover:border-border/80 hover:shadow-sm"
+              ),
+              "data-cy": `pricing-plan-${plan.slug}`,
+              "aria-current": isCurrentPlan ? "true" : void 0,
+              children: [
+                isCurrentPlan && /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx(Badge, { variant: "default", "data-cy": "pricing-current-badge", children: t("currentPlan") }) }),
+                /* @__PURE__ */ jsxs(CardHeader, { children: [
+                  /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", "data-cy": "pricing-plan-name", children: t(`plans.${plan.slug}.name`) }),
+                  /* @__PURE__ */ jsx(CardDescription, { "data-cy": "pricing-plan-description", children: t(`plans.${plan.slug}.description`) }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-4", "data-cy": "pricing-plan-price", children: priceMonthly > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs("span", { className: "text-4xl font-bold tabular-nums", children: [
+                      "$",
+                      priceMonthly.toFixed(0)
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("perMonth") })
+                  ] }) : plan.type === "enterprise" ? /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold", children: t("contactUs") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-4xl font-bold tabular-nums", children: "$0" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("perMonth") })
+                  ] }) })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "mt-auto", children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    className: "w-full",
-                    variant: isCurrentPlan ? "outline" : "default",
-                    disabled: isCurrentPlan,
-                    onClick: () => onSelectPlan == null ? void 0 : onSelectPlan(plan.slug),
-                    "data-cy": `pricing-select-${plan.slug}`,
-                    children: isCurrentPlan ? t("currentPlan") : plan.type === "enterprise" ? t("contactSales") : t("selectPlan")
-                  }
-                ) })
-              ] })
-            ]
-          },
-          plan.slug
-        );
-      })
-    }
-  );
+                /* @__PURE__ */ jsxs(CardContent, { className: "flex-1 flex flex-col", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", "data-cy": "pricing-plan-features", children: [
+                    /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm text-muted-foreground", children: t("features.title") || "Features" }),
+                    /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: Object.entries(BILLING_REGISTRY.features).map(([slug, feature]) => {
+                      const hasFeature = plan.features.includes("*") || plan.features.includes(slug);
+                      return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", "data-cy": `feature-${slug}`, children: [
+                        hasFeature ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-600 flex-shrink-0" }) : /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }),
+                        /* @__PURE__ */ jsx("span", { className: cn("text-sm", !hasFeature && "text-muted-foreground"), children: t(`features.${slug}`) })
+                      ] }, slug);
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", "data-cy": "pricing-plan-limits", children: [
+                    /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm text-muted-foreground", children: t("limits.title") || "Limits" }),
+                    /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: Object.entries(BILLING_REGISTRY.limits).map(([slug, limit]) => {
+                      const value = plan.limits[slug];
+                      const displayValue = value === -1 ? t("unlimited") : value !== void 0 ? value.toString() : "-";
+                      return /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between text-sm", "data-cy": `limit-${slug}`, children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(`limits.${slug}`) }),
+                        /* @__PURE__ */ jsx("span", { className: "font-medium", children: displayValue })
+                      ] }, slug);
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-auto", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      className: "w-full",
+                      variant: isCurrentPlan ? "outline" : "default",
+                      disabled: isCurrentPlan,
+                      onClick: () => handleSelectPlan(plan.slug),
+                      "data-cy": `pricing-select-${plan.slug}`,
+                      children: isCurrentPlan ? t("currentPlan") : plan.type === "enterprise" ? t("contactSales") : t("selectPlan")
+                    }
+                  ) })
+                ] })
+              ]
+            },
+            plan.slug
+          );
+        })
+      }
+    ),
+    currentPlanSlug && targetPlanSlug && /* @__PURE__ */ jsx(
+      ConfirmPlanChangeModal,
+      {
+        open: confirmModalOpen,
+        onOpenChange: setConfirmModalOpen,
+        currentPlanSlug,
+        targetPlanSlug,
+        onConfirm: handleConfirmChange,
+        loading: changePlanLoading
+      }
+    )
+  ] });
 }
 export {
   PricingTable

package/dist/components/billing/QuotaGate.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+interface QuotaGateProps {
+    /** Action to check (e.g., 'professionals.create') */
+    action: string;
+    /** Human-readable entity name for the message */
+    entityName: string;
+    /** Link to go back to the list */
+    backHref: string;
+    /** Content to render when allowed */
+    children: ReactNode;
+}
+/**
+ * Wraps a create form. If quota is exceeded, shows an upgrade prompt
+ * instead of the form. Prevents the user from filling a form they can't submit.
+ *
+ * Design: neutral card with border — avoids amber/orange full-screen that
+ * was nearly invisible in dark mode and felt more like an error than a prompt.
+ */
+export declare function QuotaGate({ action, entityName, backHref, children }: QuotaGateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QuotaGate.d.ts.map

package/dist/components/billing/QuotaGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuotaGate.d.ts","sourceRoot":"","sources":["../../../src/components/billing/QuotaGate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,UAAU,cAAc;IACtB,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,qCAAqC;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAkDnF"}

package/dist/components/billing/QuotaGate.js

@@ -0,0 +1,33 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { Button } from "../ui/button.js";
+import { Lock, ArrowLeft, ArrowRight } from "lucide-react";
+import { useQuotaCheck } from "../../hooks/useQuotaCheck.js";
+function QuotaGate({ action, entityName, backHref, children }) {
+  const t = useTranslations("billing");
+  const { canCreate, isLoading, isQuotaExceeded } = useQuotaCheck(action);
+  if (isLoading) return null;
+  if (canCreate) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx("div", { className: "px-2 sm:px-4 lg:px-6 py-12 max-w-md mx-auto", "data-cy": "quota-gate", children: /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-8 text-center space-y-5", children: [
+    /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center w-12 h-12 rounded-full bg-muted mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-muted-foreground", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: isQuotaExceeded ? t("quota.limitReached", { entity: entityName }) : t("quota.featureNotIncluded") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: isQuotaExceeded ? t("quota.limitReachedDetail", { entity: entityName }) : t("quota.featureNotIncludedDetail") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row justify-center gap-3 pt-1", children: [
+      /* @__PURE__ */ jsx(Button, { asChild: true, className: "gap-1.5", children: /* @__PURE__ */ jsxs(Link, { href: "/dashboard/settings/plans", children: [
+        t("quota.viewPlans"),
+        /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4", "aria-hidden": "true" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", className: "gap-1.5", children: /* @__PURE__ */ jsxs(Link, { href: backHref, children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
+        t("quota.goBack")
+      ] }) })
+    ] })
+  ] }) });
+}
+export {
+  QuotaGate
+};

package/dist/components/billing/index.d.ts

@@ -11,4 +11,6 @@ export { PricingTable } from './PricingTable';
 export { SubscriptionStatus } from './SubscriptionStatus';
 export { UsageDashboard } from './UsageDashboard';
 export { UpgradeModal } from './UpgradeModal';
+export { ConfirmPlanChangeModal } from './ConfirmPlanChangeModal';
+export { QuotaGate } from './QuotaGate';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/billing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/billing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/billing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/billing/index.js

@@ -9,7 +9,10 @@ import { PricingTable } from "./PricingTable.js";
 import { SubscriptionStatus } from "./SubscriptionStatus.js";
 import { UsageDashboard } from "./UsageDashboard.js";
 import { UpgradeModal } from "./UpgradeModal.js";
+import { ConfirmPlanChangeModal } from "./ConfirmPlanChangeModal.js";
+import { QuotaGate } from "./QuotaGate.js";
 export {
+  ConfirmPlanChangeModal,
   FeatureGate,
   FeaturePlaceholder,
   InvoiceStatusBadge,
@@ -17,6 +20,7 @@ export {
   InvoicesPagination,
   InvoicesTable,
   PricingTable,
+  QuotaGate,
   SubscriptionStatus,
   UpgradeModal,
   UsageBar,

package/dist/components/dashboard/block-editor/dynamic-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/dynamic-form.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAG5D,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACpD;AAyRD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAodnF"}
+{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/dynamic-form.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,eAAe,EAAY,MAAM,uBAAuB,CAAA;AAItE,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACpD;AA4RD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAodnF"}

package/dist/components/dashboard/block-editor/dynamic-form.js

@@ -27,6 +27,7 @@ import { Button } from "../../ui/button.js";
 import { format } from "date-fns";
 import { ArrayField } from "./array-field.js";
 import { fetchWithTeam } from "../../../lib/api/entities.js";
+import { resolveMediaUrl } from "../../../types/blocks.js";
 function evaluateCondition(condition, values) {
   if (!condition) return true;
   const fieldValue = values[condition.field];
@@ -74,19 +75,20 @@ function MediaLibraryField({
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const t = useTranslations("admin.blockEditor.form");
+  const displayUrl = resolveMediaUrl(value || void 0) || "";
   const handleSelect = (media) => {
     if (Array.isArray(media)) return;
-    onChange(media.url);
+    onChange({ mediaId: media.id, url: media.url });
     setIsOpen(false);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    value ? /* @__PURE__ */ jsxs(
+    displayUrl ? /* @__PURE__ */ jsxs(
       "div",
       {
         className: "relative group rounded-md overflow-hidden",
         "data-cy": sel("blockEditor.blockPropertiesPanel.form.mediaField.preview", { name: fieldName }),
         children: [
-          /* @__PURE__ */ jsx("img", { src: value, alt: "", className: "w-full h-40 object-cover" }),
+          /* @__PURE__ */ jsx("img", { src: displayUrl, alt: "", className: "w-full h-40 object-cover" }),
           /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
             /* @__PURE__ */ jsx(
               Button,
@@ -386,8 +388,8 @@ function DynamicForm({ fieldDefinitions, values, onChange }) {
         return /* @__PURE__ */ jsx(
           MediaLibraryField,
           {
-            value: String(value || ""),
-            onChange: (url) => handleFieldChange(field.name, url),
+            value: value || "",
+            onChange: (ref) => handleFieldChange(field.name, ref || void 0),
             fieldName: field.name
           }
         );

package/dist/contexts/SubscriptionContext.d.ts

@@ -28,6 +28,8 @@ export interface SubscriptionContextValue {
     isPastDue: boolean;
     isCanceled: boolean;
     isLoading: boolean;
+    /** True once subscription data has been fetched at least once (success or error) */
+    isReady: boolean;
     error: Error | null;
     refetch: () => void;
     features: string[];

package/dist/contexts/SubscriptionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionContext.d.ts","sourceRoot":"","sources":["../../src/contexts/SubscriptionContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,SAAS,EAAW,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAG3D,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAE9B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAGrC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACzC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IAC7C,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IAGjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACzC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IAC7C,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEjC,eAAe,EAAE,eAAe,CAAA;CACjC;AAID,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAiGzE;AAED,wBAAgB,sBAAsB,6BAMrC"}
+{"version":3,"file":"SubscriptionContext.d.ts","sourceRoot":"","sources":["../../src/contexts/SubscriptionContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,SAAS,EAAW,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAG3D,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAE9B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAGrC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACzC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IAC7C,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IAGjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACzC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IAC7C,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEjC,eAAe,EAAE,eAAe,CAAA;CACjC;AAID,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAmGzE;AAED,wBAAgB,sBAAsB,6BAMrC"}

package/dist/contexts/SubscriptionContext.js

@@ -11,6 +11,7 @@ function SubscriptionProvider({ children }) {
   const {
     data: subscription,
     isLoading,
+    isFetched,
     error,
     refetch
   } = useQuery({
@@ -76,6 +77,7 @@ function SubscriptionProvider({ children }) {
     isPastDue: (subscription == null ? void 0 : subscription.status) === "past_due",
     isCanceled: (subscription == null ? void 0 : subscription.status) === "canceled",
     isLoading,
+    isReady: isFetched,
     error,
     refetch: () => {
       refetch();

package/dist/hooks/index.d.ts

@@ -26,6 +26,7 @@ export * from './useOrigin';
 export * from './usePatternUsages';
 export * from './useQuickCreateEntities';
 export * from './useQuota';
+export * from './useQuotaCheck';
 export * from './useSearch';
 export * from './useSidebarState';
 export * from './useSubscription';

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAGA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,WAAW,CAAA;AACzB,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAGA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,WAAW,CAAA;AACzB,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA"}

package/dist/hooks/index.js

@@ -26,6 +26,7 @@ export * from "./useOrigin.js";
 export * from "./usePatternUsages.js";
 export * from "./useQuickCreateEntities.js";
 export * from "./useQuota.js";
+export * from "./useQuotaCheck.js";
 export * from "./useSearch.js";
 export * from "./useSidebarState.js";
 export * from "./useSubscription.js";