autumn-js 0.0.107 → 0.0.109

package/dist/libraries/react/components/pricing-table/pricing-table-synced.js

@@ -42,16 +42,18 @@ __export(pricing_table_synced_exports, {
   usePricingTableContext: () => usePricingTableContext
 });
 module.exports = __toCommonJS(pricing_table_synced_exports);
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // src/libraries/react/BaseAutumnProvider.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
+var import_react5 = require("react");
 
-// src/libraries/react/hooks/useDialog.tsx
+// src/libraries/react/hooks/helpers/useDialog.tsx
 var import_react = require("react");
 
 // src/libraries/react/hooks/useCustomerBase.tsx
 var import_swr2 = __toESM(require("swr"));
+var import_react3 = require("react");
 
 // src/libraries/react/errorUtils/logAuthError.ts
 var logAuthError = async (response) => {
@@ -138,6 +140,12 @@ var handleCheck = async ({
 }) => {
   return instance.post("/check", params);
 };
+var handleQuery = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/query", params);
+};
 
 // src/libraries/backend/constants.ts
 var autumnApiUrl = "https://api.useautumn.com/v1";
@@ -515,60 +523,32 @@ var Autumn = class {
       params
     });
   }
+  static query = (params) => staticWrapper(handleQuery, void 0, { params });
+  async query(params) {
+    return handleQuery({
+      instance: this,
+      params
+    });
+  }
 };
 
-// src/sdk/customers/entities/entTypes.ts
-var import_zod = require("zod");
-var EntityDataSchema = import_zod.z.object({
-  name: import_zod.z.string().optional(),
-  feature_id: import_zod.z.string()
-});
-
-// src/sdk/general/genTypes.ts
-var import_zod2 = require("zod");
-var CancelParamsSchema = import_zod2.z.object({
-  customer_id: import_zod2.z.string(),
-  product_id: import_zod2.z.string(),
-  entity_id: import_zod2.z.string().optional(),
-  cancel_immediately: import_zod2.z.boolean().optional()
-});
-var CancelResultSchema = import_zod2.z.object({
-  success: import_zod2.z.boolean(),
-  customer_id: import_zod2.z.string(),
-  product_id: import_zod2.z.string()
-});
-var TrackParamsSchema = import_zod2.z.object({
-  customer_id: import_zod2.z.string(),
-  value: import_zod2.z.number().optional(),
-  feature_id: import_zod2.z.string().optional(),
-  event_name: import_zod2.z.string().optional(),
-  entity_id: import_zod2.z.string().optional(),
-  customer_data: import_zod2.z.any().optional(),
-  idempotency_key: import_zod2.z.string().optional(),
-  entity_data: import_zod2.z.any().optional()
-});
-var TrackResultSchema = import_zod2.z.object({
-  id: import_zod2.z.string(),
-  code: import_zod2.z.string(),
-  customer_id: import_zod2.z.string(),
-  feature_id: import_zod2.z.string().optional(),
-  event_name: import_zod2.z.string().optional()
-});
-var CheckParamsSchema = import_zod2.z.object({
-  customer_id: import_zod2.z.string(),
-  feature_id: import_zod2.z.string().optional(),
-  product_id: import_zod2.z.string().optional(),
-  entity_id: import_zod2.z.string().optional(),
-  customer_data: import_zod2.z.any().optional(),
-  required_balance: import_zod2.z.number().optional(),
-  send_event: import_zod2.z.boolean().optional(),
-  with_preview: import_zod2.z.boolean().optional(),
-  entity_data: EntityDataSchema.optional()
-});
+// src/sdk/products/prodEnums.ts
+var ProductItemInterval = /* @__PURE__ */ ((ProductItemInterval2) => {
+  ProductItemInterval2["Minute"] = "minute";
+  ProductItemInterval2["Hour"] = "hour";
+  ProductItemInterval2["Day"] = "day";
+  ProductItemInterval2["Week"] = "week";
+  ProductItemInterval2["Month"] = "month";
+  ProductItemInterval2["Quarter"] = "quarter";
+  ProductItemInterval2["SemiAnnual"] = "semi_annual";
+  ProductItemInterval2["Year"] = "year";
+  ProductItemInterval2["Multiple"] = "multiple";
+  return ProductItemInterval2;
+})(ProductItemInterval || {});
 
 // src/sdk/customers/cusEnums.ts
-var import_zod3 = require("zod");
-var CustomerExpandEnum = import_zod3.z.enum([
+var import_zod = require("zod");
+var CustomerExpandEnum = import_zod.z.enum([
   "invoices",
   "rewards",
   "trials_used",
@@ -578,71 +558,161 @@ var CustomerExpandEnum = import_zod3.z.enum([
 ]);
 
 // src/sdk/customers/cusTypes.ts
-var import_zod4 = require("zod");
-var CustomerDataSchema = import_zod4.z.object({
-  name: import_zod4.z.string().nullish(),
-  email: import_zod4.z.string().nullish(),
-  fingerprint: import_zod4.z.string().nullish()
+var import_zod2 = require("zod");
+var CoreCusFeatureSchema = import_zod2.z.object({
+  unlimited: import_zod2.z.boolean().optional(),
+  interval: import_zod2.z.nativeEnum(ProductItemInterval).optional(),
+  balance: import_zod2.z.number().optional(),
+  usage: import_zod2.z.number().optional(),
+  included_usage: import_zod2.z.number().optional(),
+  next_reset_at: import_zod2.z.number().optional(),
+  overage_allowed: import_zod2.z.boolean().optional(),
+  usage_limit: import_zod2.z.number().optional(),
+  breakdown: import_zod2.z.array(
+    import_zod2.z.object({
+      interval: import_zod2.z.nativeEnum(ProductItemInterval),
+      balance: import_zod2.z.number().optional(),
+      usage: import_zod2.z.number().optional(),
+      included_usage: import_zod2.z.number().optional(),
+      next_reset_at: import_zod2.z.number().optional()
+    })
+  ).optional(),
+  credit_schema: import_zod2.z.array(
+    import_zod2.z.object({
+      feature_id: import_zod2.z.string(),
+      credit_amount: import_zod2.z.number()
+    })
+  ).optional()
+});
+var CustomerDataSchema = import_zod2.z.object({
+  name: import_zod2.z.string().nullish(),
+  email: import_zod2.z.string().nullish(),
+  fingerprint: import_zod2.z.string().nullish()
 });
-var CreateCustomerParamsSchema = import_zod4.z.object({
-  id: import_zod4.z.string().nullish(),
-  email: import_zod4.z.string().nullish(),
-  name: import_zod4.z.string().nullish(),
-  fingerprint: import_zod4.z.string().nullish(),
-  metadata: import_zod4.z.record(import_zod4.z.any()).optional(),
-  expand: import_zod4.z.array(CustomerExpandEnum).optional()
+var CreateCustomerParamsSchema = import_zod2.z.object({
+  id: import_zod2.z.string().nullish(),
+  email: import_zod2.z.string().nullish(),
+  name: import_zod2.z.string().nullish(),
+  fingerprint: import_zod2.z.string().nullish(),
+  metadata: import_zod2.z.record(import_zod2.z.any()).optional(),
+  expand: import_zod2.z.array(CustomerExpandEnum).optional()
 });
-var BillingPortalParamsSchema = import_zod4.z.object({
-  return_url: import_zod4.z.string().optional()
+var BillingPortalParamsSchema = import_zod2.z.object({
+  return_url: import_zod2.z.string().optional()
 });
 
-// src/sdk/referrals/referralTypes.ts
+// src/sdk/general/checkTypes.ts
+var import_zod3 = require("zod");
+var CheckFeatureResultSchema = import_zod3.z.object({
+  allowed: import_zod3.z.boolean(),
+  feature_id: import_zod3.z.string(),
+  customer_id: import_zod3.z.string(),
+  entity_id: import_zod3.z.string().optional(),
+  required_balance: import_zod3.z.number()
+}).extend(CoreCusFeatureSchema.shape);
+
+// src/sdk/customers/entities/entTypes.ts
+var import_zod4 = require("zod");
+var EntityDataSchema = import_zod4.z.object({
+  name: import_zod4.z.string().optional(),
+  feature_id: import_zod4.z.string()
+});
+
+// src/sdk/general/genTypes.ts
 var import_zod5 = require("zod");
-var CreateReferralCodeParamsSchema = import_zod5.z.object({
+var CancelParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  product_id: import_zod5.z.string(),
+  entity_id: import_zod5.z.string().optional(),
+  cancel_immediately: import_zod5.z.boolean().optional()
+});
+var CancelResultSchema = import_zod5.z.object({
+  success: import_zod5.z.boolean(),
+  customer_id: import_zod5.z.string(),
+  product_id: import_zod5.z.string()
+});
+var TrackParamsSchema = import_zod5.z.object({
   customer_id: import_zod5.z.string(),
-  program_id: import_zod5.z.string()
+  value: import_zod5.z.number().optional(),
+  feature_id: import_zod5.z.string().optional(),
+  event_name: import_zod5.z.string().optional(),
+  entity_id: import_zod5.z.string().optional(),
+  customer_data: import_zod5.z.any().optional(),
+  idempotency_key: import_zod5.z.string().optional(),
+  entity_data: import_zod5.z.any().optional()
 });
-var RedeemReferralCodeParamsSchema = import_zod5.z.object({
+var TrackResultSchema = import_zod5.z.object({
+  id: import_zod5.z.string(),
   code: import_zod5.z.string(),
-  customer_id: import_zod5.z.string()
+  customer_id: import_zod5.z.string(),
+  feature_id: import_zod5.z.string().optional(),
+  event_name: import_zod5.z.string().optional()
+});
+var CheckParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  feature_id: import_zod5.z.string().optional(),
+  product_id: import_zod5.z.string().optional(),
+  entity_id: import_zod5.z.string().optional(),
+  customer_data: import_zod5.z.any().optional(),
+  required_balance: import_zod5.z.number().optional(),
+  send_event: import_zod5.z.boolean().optional(),
+  with_preview: import_zod5.z.boolean().optional(),
+  entity_data: EntityDataSchema.optional()
+});
+var QueryRangeEnum = import_zod5.z.enum(["24h", "7d", "30d", "90d", "last_cycle"]);
+var QueryParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  feature_id: import_zod5.z.string().or(import_zod5.z.array(import_zod5.z.string())),
+  range: QueryRangeEnum.optional()
 });
 
-// src/sdk/general/attachTypes.ts
+// src/sdk/referrals/referralTypes.ts
 var import_zod6 = require("zod");
-var AttachFeatureOptionsSchema = import_zod6.z.object({
-  feature_id: import_zod6.z.string(),
-  quantity: import_zod6.z.number()
-});
-var AttachParamsSchema = import_zod6.z.object({
+var CreateReferralCodeParamsSchema = import_zod6.z.object({
   customer_id: import_zod6.z.string(),
-  product_id: import_zod6.z.string().optional(),
-  entity_id: import_zod6.z.string().optional(),
-  options: import_zod6.z.array(AttachFeatureOptionsSchema).optional(),
-  product_ids: import_zod6.z.array(import_zod6.z.string()).optional(),
-  free_trial: import_zod6.z.boolean().optional(),
-  success_url: import_zod6.z.string().optional(),
-  metadata: import_zod6.z.record(import_zod6.z.string()).optional(),
-  force_checkout: import_zod6.z.boolean().optional(),
-  customer_data: CustomerDataSchema.optional(),
-  entity_data: import_zod6.z.any().optional(),
-  checkout_session_params: import_zod6.z.record(import_zod6.z.any()).optional(),
-  reward: import_zod6.z.string().optional()
+  program_id: import_zod6.z.string()
 });
-var AttachResultSchema = import_zod6.z.object({
-  checkout_url: import_zod6.z.string().optional(),
-  customer_id: import_zod6.z.string(),
-  product_ids: import_zod6.z.array(import_zod6.z.string()),
+var RedeemReferralCodeParamsSchema = import_zod6.z.object({
   code: import_zod6.z.string(),
-  message: import_zod6.z.string(),
-  customer_data: import_zod6.z.any().optional()
+  customer_id: import_zod6.z.string()
 });
-var CheckoutParamsSchema = import_zod6.z.object({
-  customer_id: import_zod6.z.string(),
-  product_id: import_zod6.z.string(),
-  entity_id: import_zod6.z.string().optional(),
-  success_url: import_zod6.z.string().optional(),
+
+// src/sdk/general/attachTypes.ts
+var import_zod7 = require("zod");
+var AttachFeatureOptionsSchema = import_zod7.z.object({
+  feature_id: import_zod7.z.string(),
+  quantity: import_zod7.z.number()
+});
+var AttachParamsSchema = import_zod7.z.object({
+  customer_id: import_zod7.z.string(),
+  product_id: import_zod7.z.string().optional(),
+  entity_id: import_zod7.z.string().optional(),
+  options: import_zod7.z.array(AttachFeatureOptionsSchema).optional(),
+  product_ids: import_zod7.z.array(import_zod7.z.string()).optional(),
+  free_trial: import_zod7.z.boolean().optional(),
+  success_url: import_zod7.z.string().optional(),
+  metadata: import_zod7.z.record(import_zod7.z.string()).optional(),
+  force_checkout: import_zod7.z.boolean().optional(),
+  customer_data: CustomerDataSchema.optional(),
+  entity_data: import_zod7.z.any().optional(),
+  checkout_session_params: import_zod7.z.record(import_zod7.z.any()).optional(),
+  reward: import_zod7.z.string().optional()
+});
+var AttachResultSchema = import_zod7.z.object({
+  checkout_url: import_zod7.z.string().optional(),
+  customer_id: import_zod7.z.string(),
+  product_ids: import_zod7.z.array(import_zod7.z.string()),
+  code: import_zod7.z.string(),
+  message: import_zod7.z.string(),
+  customer_data: import_zod7.z.any().optional()
+});
+var CheckoutParamsSchema = import_zod7.z.object({
+  customer_id: import_zod7.z.string(),
+  product_id: import_zod7.z.string(),
+  entity_id: import_zod7.z.string().optional(),
+  success_url: import_zod7.z.string().optional(),
   customer_data: CustomerDataSchema.optional(),
-  options: import_zod6.z.array(AttachFeatureOptionsSchema).optional()
+  options: import_zod7.z.array(AttachFeatureOptionsSchema).optional()
 });
 
 // src/libraries/react/errorUtils/logFetchError.ts
@@ -756,6 +826,11 @@ async function openBillingPortalMethod(params) {
   const res = await this.post(`${this.prefix}/billing_portal`, snakeParams);
   return res;
 }
+async function queryMethod(params) {
+  let snakeParams = toSnakeCase(params);
+  const res = await this.post(`${this.prefix}/query`, snakeParams);
+  return res;
+}
 
 // src/libraries/react/client/clientProdMethods.ts
 async function listProductsMethod() {
@@ -939,6 +1014,7 @@ var AutumnClient = class {
   track = trackMethod.bind(this);
   openBillingPortal = openBillingPortalMethod.bind(this);
   setupPayment = setupPaymentMethod.bind(this);
+  query = queryMethod.bind(this);
   entities = {
     create: createEntityMethod.bind(this),
     get: getEntityMethod.bind(this),
@@ -978,7 +1054,8 @@ var AutumnContext = (0, import_react2.createContext)({
     },
     setComponent: () => {
     }
-  }
+  },
+  paywallRef: { current: null }
 });
 var useAutumnContext = ({
   AutumnContext: AutumnContext2,
@@ -1153,14 +1230,9 @@ var defaultSWRConfig = {
   refreshInterval: 0
 };
 var usePricingTableBase = ({
-  AutumnContext: AutumnContext2,
+  client,
   params
 }) => {
-  const context = useAutumnContext({
-    AutumnContext: AutumnContext2,
-    name: "usePricingTable"
-  });
-  const client = context.client;
   const fetcher = async () => {
     try {
       const { data: data2, error: error2 } = await client.products.list();
@@ -1186,31 +1258,15 @@ var usePricingTableBase = ({
   };
 };
 
-// src/libraries/react/hooks/useAutumnBase.tsx
+// src/libraries/react/hooks/helpers/useAutumnBase.tsx
 var useAutumnBase = ({
-  AutumnContext: AutumnContext2,
+  // AutumnContext,
+  context,
+  client,
   refetchCustomer
 }) => {
-  const context = useAutumnContext({
-    AutumnContext: AutumnContext2,
-    name: "useAutumn"
-  });
-  const { attachDialog, paywallDialog } = context;
-  const client = context.client;
-  const { refetch: refetchPricingTable } = usePricingTableBase({
-    AutumnContext: AutumnContext2
-  });
-  let {
-    open: attachOpen,
-    setProps: setAttachProps,
-    setOpen: setAttachOpen,
-    setComponent: setAttachComponent
-  } = attachDialog;
-  let {
-    setProps: setCheckProps,
-    setOpen: setCheckOpen,
-    setComponent: setPaywallComponent
-  } = paywallDialog;
+  const { attachDialog, paywallDialog } = context || {};
+  const { refetch: refetchPricingTable } = usePricingTableBase({ client });
   const attachWithoutDialog = async (params) => {
     const result = await client.attach(params);
     if (result.error) {
@@ -1228,9 +1284,7 @@ var useAutumnBase = ({
     if (refetchCustomer) {
       await refetchCustomer();
     }
-    if (setAttachOpen) {
-      setAttachOpen(false);
-    }
+    attachDialog?.setOpen(false);
     return result;
   };
   const checkout = async (params) => {
@@ -1248,9 +1302,9 @@ var useAutumnBase = ({
       return { data, error };
     }
     if (params.dialog) {
-      setAttachProps({ checkoutResult: data, attachParams: rest });
-      setAttachComponent(params.dialog);
-      setAttachOpen(true);
+      attachDialog?.setProps({ checkoutResult: data, attachParams: rest });
+      attachDialog?.setComponent(params.dialog);
+      attachDialog?.setOpen(true);
     }
     return { data, error };
   };
@@ -1270,16 +1324,15 @@ var useAutumnBase = ({
     if (!preview) {
       return await attachWithoutDialog(rest);
     } else {
-      setAttachProps({ preview, attachParams: rest });
-      setAttachOpen(true);
+      attachDialog?.setProps({ preview, attachParams: rest });
+      attachDialog?.setOpen(true);
     }
     return checkRes;
   };
   const attach = async (params) => {
     const { dialog } = params;
-    let finalDialog = dialog;
-    if (finalDialog && !attachOpen) {
-      setAttachComponent(finalDialog);
+    if (dialog && !attachDialog?.open) {
+      attachDialog?.setComponent(dialog);
       return await attachWithDialog(params);
     }
     return await attachWithoutDialog(params);
@@ -1291,26 +1344,6 @@ var useAutumnBase = ({
     }
     return res;
   };
-  const check = async (params) => {
-    let { dialog, withPreview } = params;
-    if (dialog) {
-      setPaywallComponent(dialog);
-    }
-    const res = await client.check({
-      ...params,
-      withPreview: withPreview || dialog ? true : false
-    });
-    if (res.error) {
-      return res;
-    }
-    let data = res.data;
-    if (data && data.preview && dialog) {
-      let preview = data.preview;
-      setCheckProps({ preview });
-      setCheckOpen(true);
-    }
-    return res;
-  };
   const track = async (params) => {
     const res = await client.track(params);
     if (res.error) {
@@ -1364,7 +1397,7 @@ var useAutumnBase = ({
   };
   return {
     attach,
-    check,
+    // check,
     track,
     cancel,
     openBillingPortal,
@@ -1373,7 +1406,7 @@ var useAutumnBase = ({
   };
 };
 
-// src/libraries/react/hooks/handleAllowed.ts
+// src/libraries/react/hooks/helpers/handleCheck.ts
 var getCusFeature = ({
   customer,
   featureId,
@@ -1396,14 +1429,10 @@ var getCusFeature = ({
     requiredBalance
   };
 };
-var handleFeatureAllowed = ({
-  customer,
-  params
+var getFeatureAllowed = ({
+  cusFeature,
+  requiredBalance
 }) => {
-  let { cusFeature, requiredBalance } = getCusFeature({
-    customer,
-    featureId: params.featureId
-  });
   if (!cusFeature) return false;
   if (cusFeature.type == "static") return true;
   if (cusFeature.unlimited || cusFeature.overage_allowed) return true;
@@ -1413,37 +1442,97 @@ var handleFeatureAllowed = ({
   }
   return (cusFeature.balance || 0) >= requiredBalance;
 };
-var handleAllowed = ({
+var handleFeatureCheck = ({
   customer,
+  isEntity,
   params
 }) => {
-  if (!customer) return false;
-  if (!params.featureId && !params.productId) {
-    throw new Error("allowed() requires either featureId or productId");
+  let { cusFeature, requiredBalance } = getCusFeature({
+    customer,
+    featureId: params.featureId
+  });
+  let allowed = getFeatureAllowed({ cusFeature, requiredBalance });
+  let result = {
+    allowed,
+    feature_id: params.featureId,
+    customer_id: isEntity ? customer.customer_id : customer.id,
+    required_balance: requiredBalance,
+    ...cusFeature
+  };
+  if (isEntity) {
+    result.entity_id = customer.id;
   }
-  if (params.featureId) {
-    return handleFeatureAllowed({ customer, params });
+  return CheckFeatureResultSchema.parse(result);
+};
+var handleProductCheck = ({
+  customer,
+  isEntity,
+  params
+}) => {
+  let product = customer.products.find((p) => p.id == params.productId);
+  let allowed = product?.status === "active";
+  let result = {
+    allowed,
+    customer_id: isEntity ? customer.customer_id : customer.id,
+    product_id: params.productId
+  };
+  if (product) {
+    result.status = product.status;
   }
-  if (params.productId) {
-    let product = customer.products.find((p) => p.id == params.productId);
-    if (!product) return false;
-    let status = product.status;
-    if (status == "scheduled") return false;
-    return true;
+  if (isEntity) {
+    result.entity_id = customer.id;
   }
-  return false;
+  return result;
+};
+var openDialog = ({
+  result,
+  params,
+  context
+}) => {
+  let open = result.allowed === false && params.dialog && context;
+  if (!open) return;
+  const isInRenderCycle = (() => {
+    const stack = new Error().stack || "";
+    return stack.includes("renderWithHooks") || stack.includes("updateFunctionComponent") || stack.includes("beginWork") || stack.includes("performUnitOfWork") || stack.includes("workLoop") || stack.includes("Component.render") || stack.includes("FunctionComponent");
+  })();
+  if (isInRenderCycle) {
+    context.paywallRef.current = {
+      component: params.dialog,
+      open: true,
+      props: params
+    };
+  } else {
+    context.paywallDialog.setComponent(params.dialog);
+    context.paywallDialog.setProps(params);
+    context.paywallDialog.setOpen(true);
+  }
+};
+var handleCheck2 = ({
+  customer,
+  isEntity,
+  params,
+  context
+}) => {
+  if (!customer) {
+    return {
+      allowed: false,
+      feature_id: "",
+      customer_id: "",
+      required_balance: 0
+    };
+  }
+  if (!params.featureId && !params.productId) {
+    throw new Error("allowed() requires either featureId or productId");
+  }
+  let result;
+  if (params.featureId)
+    result = handleFeatureCheck({ customer, params, isEntity });
+  if (params.productId)
+    result = handleProductCheck({ customer, params, isEntity });
+  return result;
 };
 
 // src/libraries/react/hooks/useCustomerBase.tsx
-var emptyDefaultFunctions = {
-  attach: "",
-  check: "",
-  track: "",
-  cancel: "",
-  openBillingPortal: "",
-  setupPayment: "",
-  checkout: ""
-};
 var useCustomerBase = ({
   params,
   AutumnContext: AutumnContext2,
@@ -1454,7 +1543,6 @@ var useCustomerBase = ({
     context = useAutumnContext({
       AutumnContext: AutumnContext2,
       name: "useCustomer"
-      // errorIfNotInitialized: !authClientExists,
     });
   }
   if (!client) {
@@ -1484,13 +1572,13 @@ var useCustomerBase = ({
     fallbackData: null,
     ...params?.swrConfig
   });
-  let autumnFunctions = emptyDefaultFunctions;
-  if (AutumnContext2) {
-    autumnFunctions = useAutumnBase({
-      AutumnContext: AutumnContext2,
-      refetchCustomer: mutate
-    });
-  }
+  const autumnFunctions = useAutumnBase({
+    context,
+    client,
+    refetchCustomer: mutate
+  });
+  (0, import_react3.useEffect)(() => {
+  }, [context?.paywallRef.current]);
   return {
     customer: error ? null : customer,
     isLoading,
@@ -1500,7 +1588,30 @@ var useCustomerBase = ({
     createEntity: client.entities.create,
     createReferralCode: client.referrals.createCode,
     redeemReferralCode: client.referrals.redeemCode,
-    allowed: (params2) => handleAllowed({ customer, params: params2 })
+    check: (params2) => {
+      const result = handleCheck2({
+        customer,
+        params: params2,
+        isEntity: false,
+        context
+      });
+      openDialog({
+        result,
+        params: params2,
+        context
+      });
+      return result;
+    },
+    /** @deprecated Use check() instead */
+    allowed: (params2) => {
+      const result = handleCheck2({
+        customer,
+        params: params2,
+        isEntity: false,
+        context
+      });
+      return result.allowed;
+    }
   };
 };
 
@@ -1520,19 +1631,29 @@ var useCustomer = (params) => {
 
 // src/libraries/react/hooks/usePricingTable.tsx
 var usePricingTable = (params) => {
-  return usePricingTableBase({
+  const context = useAutumnContext({
     AutumnContext,
+    name: "usePricingTable"
+  });
+  return usePricingTableBase({
+    client: context.client,
     params
   });
 };
 
 // src/libraries/react/hooks/useEntityBase.tsx
 var import_swr3 = __toESM(require("swr"));
-var import_react4 = require("react");
+var import_react6 = require("react");
+
+// src/libraries/react/hooks/useAnalytics.tsx
+var import_swr4 = __toESM(require("swr"));
+
+// src/libraries/react/hooks/usePaywall.tsx
+var import_swr5 = __toESM(require("swr"));
 
 // src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
-var import_react8 = require("react");
+var import_react10 = require("react");
 
 // ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -4060,13 +4181,13 @@ function cn(...inputs) {
 }
 
 // src/libraries/react/components/ui/button.tsx
-var React3 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var React2 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var React = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -4099,7 +4220,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
+  return React3.useCallback(composeRefs(...refs), refs);
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
@@ -4107,21 +4228,21 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot22 = React2.forwardRef((props, forwardedRef) => {
+  const Slot22 = React4.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React2.Children.toArray(children);
+    const childrenArray = React4.Children.toArray(children);
     const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React2.Children.count(newElement) > 1) return React2.Children.only(null);
-          return React2.isValidElement(newElement) ? newElement.props.children : null;
+          if (React4.Children.count(newElement) > 1) return React4.Children.only(null);
+          return React4.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React4.isValidElement(newElement) ? React4.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -4131,24 +4252,24 @@ function createSlot(ownerName) {
 var Slot = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React2.forwardRef((props, forwardedRef) => {
+  const SlotClone = React4.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React2.isValidElement(children)) {
+    if (React4.isValidElement(children)) {
       const childrenRef = getElementRef(children);
       const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React2.Fragment) {
+      if (children.type !== React4.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React2.cloneElement(children, props2);
+      return React4.cloneElement(children, props2);
     }
-    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
+    return React4.Children.count(children) > 1 ? React4.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
 var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 function isSlottable(child) {
-  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React4.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -4257,7 +4378,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React3.forwardRef(
+var Button = React5.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -4273,10 +4394,10 @@ var Button = React3.forwardRef(
 Button.displayName = "Button";
 
 // src/libraries/react/components/ui/dialog.tsx
-var React26 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1._xkx6efnpqhhb4lkirxfs4qofci/node_modules/@radix-ui/react-dialog/dist/index.mjs
-var React25 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -4289,18 +4410,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
-var React4 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function createContext22(rootComponentName, defaultContext) {
-  const Context = React4.createContext(defaultContext);
+  const Context = React6.createContext(defaultContext);
   const Provider = (props) => {
     const { children, ...context } = props;
-    const value = React4.useMemo(() => context, Object.values(context));
+    const value = React6.useMemo(() => context, Object.values(context));
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Context.Provider, { value, children });
   };
   Provider.displayName = rootComponentName + "Provider";
   function useContext22(consumerName) {
-    const context = React4.useContext(Context);
+    const context = React6.useContext(Context);
     if (context) return context;
     if (defaultContext !== void 0) return defaultContext;
     throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -4310,19 +4431,19 @@ function createContext22(rootComponentName, defaultContext) {
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React4.createContext(defaultContext);
+    const BaseContext = React6.createContext(defaultContext);
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = (props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React4.useMemo(() => context, Object.values(context));
+      const value = React6.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React4.useContext(Context);
+      const context = React6.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -4331,11 +4452,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React4.createContext(defaultContext);
+      return React6.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React4.useMemo(
+      return React6.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -4358,7 +4479,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React4.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React6.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -4366,18 +4487,18 @@ function composeContextScopes(...scopes) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
-var React6 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-var React5 = __toESM(require("react"), 1);
-var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {
+var React7 = __toESM(require("react"), 1);
+var useLayoutEffect2 = globalThis?.document ? React7.useLayoutEffect : () => {
 };
 
 // ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React6[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React8[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
-  const [id, setId] = React6.useState(useReactId());
+  const [id, setId] = React8.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
@@ -4385,9 +4506,9 @@ function useId(deterministicId) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var React7 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var React22 = __toESM(require("react"), 1);
-var useInsertionEffect = React7[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React9[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -4402,8 +4523,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React7.useRef(prop !== void 0);
-    React7.useEffect(() => {
+    const isControlledRef = React9.useRef(prop !== void 0);
+    React9.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -4415,7 +4536,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React7.useCallback(
+  const setValue = React9.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -4434,13 +4555,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React7.useState(defaultProp);
-  const prevValueRef = React7.useRef(value);
-  const onChangeRef = React7.useRef(onChange);
+  const [value, setValue] = React9.useState(defaultProp);
+  const prevValueRef = React9.useRef(value);
+  const onChangeRef = React9.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React7.useEffect(() => {
+  React9.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -4454,10 +4575,10 @@ function isFunction(value) {
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
 // ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.6_@types+react@19.1.8__@types+_ya5augm4xgo65hmrlxfyu743vi/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var React11 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19._sqnj4wa3mllckai5din6afvope/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var React8 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var ReactDOM = __toESM(require("react-dom"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var NODES = [
@@ -4481,7 +4602,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node2 = React8.forwardRef((props, forwardedRef) => {
+  const Node2 = React10.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
@@ -4497,20 +4618,20 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var React9 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 function useCallbackRef(callback) {
-  const callbackRef = React9.useRef(callback);
-  React9.useEffect(() => {
+  const callbackRef = React11.useRef(callback);
+  React11.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React9.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React11.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-var React10 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React10.useEffect(() => {
+  React12.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -4528,12 +4649,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React11.createContext({
+var DismissableLayerContext = React13.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React11.forwardRef(
+var DismissableLayer = React13.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -4544,10 +4665,10 @@ var DismissableLayer = React11.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React11.useContext(DismissableLayerContext);
-    const [node, setNode] = React11.useState(null);
+    const context = React13.useContext(DismissableLayerContext);
+    const [node, setNode] = React13.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React11.useState({});
+    const [, force] = React13.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -4580,7 +4701,7 @@ var DismissableLayer = React11.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React11.useEffect(() => {
+    React13.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -4597,7 +4718,7 @@ var DismissableLayer = React11.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React11.useEffect(() => {
+    React13.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -4605,7 +4726,7 @@ var DismissableLayer = React11.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React11.useEffect(() => {
+    React13.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
@@ -4631,11 +4752,11 @@ var DismissableLayer = React11.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
-  const context = React11.useContext(DismissableLayerContext);
-  const ref = React11.useRef(null);
+var DismissableLayerBranch = React13.forwardRef((props, forwardedRef) => {
+  const context = React13.useContext(DismissableLayerContext);
+  const ref = React13.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -4649,10 +4770,10 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React11.useRef(false);
-  const handleClickRef = React11.useRef(() => {
+  const isPointerInsideReactTreeRef = React13.useRef(false);
+  const handleClickRef = React13.useRef(() => {
   });
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -4693,8 +4814,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React11.useRef(false);
-  React11.useEffect(() => {
+  const isFocusInsideReactTreeRef = React13.useRef(false);
+  React13.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -4727,13 +4848,13 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@1_7liqdxmess7vaws2bkjw22mwva/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var React12 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React12.forwardRef((props, forwardedRef) => {
+var FocusScope = React14.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -4741,12 +4862,12 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React12.useState(null);
+  const [container, setContainer] = React14.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React12.useRef(null);
+  const lastFocusedElementRef = React14.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React12.useRef({
+  const focusScope = React14.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -4755,7 +4876,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -4791,7 +4912,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -4822,7 +4943,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React14.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -4931,13 +5052,13 @@ function removeLinks(items) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_5jmzxxd65wsdfod4yurl7mkae4/node_modules/@radix-ui/react-portal/dist/index.mjs
-var React13 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var PORTAL_NAME = "Portal";
-var Portal = React13.forwardRef((props, forwardedRef) => {
+var Portal = React15.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React13.useState(false);
+  const [mounted, setMounted] = React15.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
@@ -4946,9 +5067,9 @@ Portal.displayName = PORTAL_NAME;
 
 // ../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1_2lguv7jzxii6s3eigxktbpwkji/node_modules/@radix-ui/react-presence/dist/index.mjs
 var React23 = __toESM(require("react"), 1);
-var React14 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 function useStateMachine(initialState, machine) {
-  return React14.useReducer((state, event) => {
+  return React16.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -5071,10 +5192,10 @@ function getElementRef2(element) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var React15 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var count2 = 0;
 function useFocusGuards() {
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -5131,10 +5252,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var React24 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
-var React18 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -5153,9 +5274,9 @@ function assignRef(ref, value) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js
-var import_react5 = require("react");
+var import_react7 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = (0, import_react5.useState)(function() {
+  var ref = (0, import_react7.useState)(function() {
     return {
       // value
       value: initialValue,
@@ -5181,8 +5302,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var React16 = __toESM(require("react"));
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React16.useLayoutEffect : React16.useEffect;
+var React18 = __toESM(require("react"));
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React18.useLayoutEffect : React18.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -5299,7 +5420,7 @@ function createSidecarMedium(options) {
 }
 
 // ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.8_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js
-var React17 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -5309,7 +5430,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React17.createElement(Target, __assign({}, rest));
+  return React19.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -5324,9 +5445,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React18.forwardRef(function(props, parentRef) {
-  var ref = React18.useRef(null);
-  var _a = React18.useState({
+var RemoveScroll = React20.forwardRef(function(props, parentRef) {
+  var ref = React20.useRef(null);
+  var _a = React20.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -5335,11 +5456,11 @@ var RemoveScroll = React18.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React18.createElement(
-    React18.Fragment,
+  return React20.createElement(
+    React20.Fragment,
     null,
-    enabled && React18.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React18.cloneElement(React18.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React18.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React20.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React20.cloneElement(React20.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React20.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -5353,13 +5474,13 @@ RemoveScroll.classNames = {
 };
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-var React21 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-var React20 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.8_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
-var React19 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -5423,7 +5544,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React19.useEffect(function() {
+    React21.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -5497,7 +5618,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React20.useEffect(function() {
+  React24.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -5512,10 +5633,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React20.useMemo(function() {
+  var gap = React24.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React20.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React24.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -5656,16 +5777,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React21.useRef([]);
-  var touchStartRef = React21.useRef([0, 0]);
-  var activeAxis = React21.useRef();
-  var id = React21.useState(idCounter++)[0];
-  var Style2 = React21.useState(styleSingleton)[0];
-  var lastProps = React21.useRef(props);
-  React21.useEffect(function() {
+  var shouldPreventQueue = React25.useRef([]);
+  var touchStartRef = React25.useRef([0, 0]);
+  var activeAxis = React25.useRef();
+  var id = React25.useState(idCounter++)[0];
+  var Style2 = React25.useState(styleSingleton)[0];
+  var lastProps = React25.useRef(props);
+  React25.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React21.useEffect(function() {
+  React25.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -5681,7 +5802,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React21.useCallback(function(event, parent) {
+  var shouldCancelEvent = React25.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -5717,7 +5838,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React21.useCallback(function(_event) {
+  var shouldPrevent = React25.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -5744,7 +5865,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React21.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React25.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -5753,17 +5874,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React21.useCallback(function(event) {
+  var scrollTouchStart = React25.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React21.useCallback(function(event) {
+  var scrollWheel = React25.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React21.useCallback(function(event) {
+  var scrollTouchMove = React25.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React21.useEffect(function() {
+  React25.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -5783,11 +5904,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React21.createElement(
-    React21.Fragment,
+  return React25.createElement(
+    React25.Fragment,
     null,
-    inert ? React21.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React21.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React25.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React25.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -5806,8 +5927,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React24.forwardRef(function(props, ref) {
-  return React24.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React26.forwardRef(function(props, ref) {
+  return React26.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -5947,8 +6068,8 @@ var Dialog = (props) => {
     onOpenChange,
     modal = true
   } = props;
-  const triggerRef = React25.useRef(null);
-  const contentRef = React25.useRef(null);
+  const triggerRef = React27.useRef(null);
+  const contentRef = React27.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -5966,7 +6087,7 @@ var Dialog = (props) => {
       descriptionId: useId(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React25.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React27.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children
     }
@@ -5974,7 +6095,7 @@ var Dialog = (props) => {
 };
 Dialog.displayName = DIALOG_NAME;
 var TRIGGER_NAME = "DialogTrigger";
-var DialogTrigger = React25.forwardRef(
+var DialogTrigger = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
@@ -6002,11 +6123,11 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
 var DialogPortal = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
   const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React25.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React27.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { asChild: true, container, children: child }) })) });
 };
 DialogPortal.displayName = PORTAL_NAME2;
 var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay = React25.forwardRef(
+var DialogOverlay = React27.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
@@ -6016,7 +6137,7 @@ var DialogOverlay = React25.forwardRef(
 );
 DialogOverlay.displayName = OVERLAY_NAME;
 var Slot2 = createSlot("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl = React25.forwardRef(
+var DialogOverlayImpl = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
@@ -6036,7 +6157,7 @@ var DialogOverlayImpl = React25.forwardRef(
   }
 );
 var CONTENT_NAME = "DialogContent";
-var DialogContent = React25.forwardRef(
+var DialogContent = React27.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -6045,12 +6166,12 @@ var DialogContent = React25.forwardRef(
   }
 );
 DialogContent.displayName = CONTENT_NAME;
-var DialogContentModal = React25.forwardRef(
+var DialogContentModal = React27.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const contentRef = React25.useRef(null);
+    const contentRef = React27.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React25.useEffect(() => {
+    React27.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
@@ -6079,11 +6200,11 @@ var DialogContentModal = React25.forwardRef(
     );
   }
 );
-var DialogContentNonModal = React25.forwardRef(
+var DialogContentNonModal = React27.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const hasInteractedOutsideRef = React25.useRef(false);
-    const hasPointerDownOutsideRef = React25.useRef(false);
+    const hasInteractedOutsideRef = React27.useRef(false);
+    const hasPointerDownOutsideRef = React27.useRef(false);
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       DialogContentImpl,
       {
@@ -6119,11 +6240,11 @@ var DialogContentNonModal = React25.forwardRef(
     );
   }
 );
-var DialogContentImpl = React25.forwardRef(
+var DialogContentImpl = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME, __scopeDialog);
-    const contentRef = React25.useRef(null);
+    const contentRef = React27.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
@@ -6158,7 +6279,7 @@ var DialogContentImpl = React25.forwardRef(
   }
 );
 var TITLE_NAME = "DialogTitle";
-var DialogTitle = React25.forwardRef(
+var DialogTitle = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
@@ -6167,7 +6288,7 @@ var DialogTitle = React25.forwardRef(
 );
 DialogTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription = React25.forwardRef(
+var DialogDescription = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
@@ -6176,7 +6297,7 @@ var DialogDescription = React25.forwardRef(
 );
 DialogDescription.displayName = DESCRIPTION_NAME;
 var CLOSE_NAME = "DialogClose";
-var DialogClose = React25.forwardRef(
+var DialogClose = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
@@ -6208,7 +6329,7 @@ var TitleWarning = ({ titleId }) => {
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-  React25.useEffect(() => {
+  React27.useEffect(() => {
     if (titleId) {
       const hasTitle = document.getElementById(titleId);
       if (!hasTitle) console.error(MESSAGE);
@@ -6220,7 +6341,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
 var DescriptionWarning = ({ contentRef, descriptionId }) => {
   const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-  React25.useEffect(() => {
+  React27.useEffect(() => {
     const describedById = contentRef.current?.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
       const hasDescription = document.getElementById(descriptionId);
@@ -6237,6 +6358,110 @@ var Title = DialogTitle;
 var Description = DialogDescription;
 var Close = DialogClose;
 
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react9 = require("react");
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
+var import_react8 = require("react");
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react8.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => (0, import_react8.createElement)(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => (0, import_react8.createElement)(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react9.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react9.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode3 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode3);
+
 // src/libraries/react/components/ui/dialog.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var Dialog2 = Root;
@@ -6246,7 +6471,7 @@ var DialogPortal2 = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Portal2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "au-root", children }) });
 };
-var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var DialogOverlay2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Overlay,
   {
     ref,
@@ -6258,7 +6483,7 @@ var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 DialogOverlay2.displayName = Overlay.displayName;
-var DialogContent2 = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal2, { children: [
+var DialogContent2 = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal2, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlay2, {}),
   /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     Content,
@@ -6271,7 +6496,10 @@ var DialogContent2 = React26.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "au-sr-only", children: "Close" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(X, { className: "au-h-4 au-w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "au-sr-only", children: "Close" })
+        ] })
       ]
     }
   )
@@ -6305,7 +6533,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var DialogTitle2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Title,
   {
     ref,
@@ -6317,7 +6545,7 @@ var DialogTitle2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogTitle2.displayName = Title.displayName;
-var DialogDescription2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var DialogDescription2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Description,
   {
     ref,
@@ -6479,109 +6707,12 @@ var getAttachContent = (checkoutResult) => {
   }
 };
 
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react7 = require("react");
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-};
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
-var import_react6 = require("react");
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react6.forwardRef)(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => (0, import_react6.createElement)(
-    "svg",
-    {
-      ref,
-      ...defaultAttributes,
-      width: size,
-      height: size,
-      stroke: color,
-      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-      className: mergeClasses("lucide", className),
-      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-      ...rest
-    },
-    [
-      ...iconNode.map(([tag, attrs]) => (0, import_react6.createElement)(tag, attrs)),
-      ...Array.isArray(children) ? children : [children]
-    ]
-  )
-);
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react7.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react7.createElement)(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(
-        `lucide-${toKebabCase(toPascalCase(iconName))}`,
-        `lucide-${iconName}`,
-        className
-      ),
-      ...props
-    })
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode);
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
-
 // src/libraries/react/components/ui/accordion.tsx
-var React27 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AccordionPrimitive.Item,
   {
     ref,
@@ -6590,7 +6721,7 @@ var AccordionItem = React27.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccordionPrimitive.Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccordionPrimitive.Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -6606,7 +6737,7 @@ var AccordionTrigger = React27.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var AccordionContent = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AccordionPrimitive.Content,
   {
     ref,
@@ -6618,12 +6749,12 @@ var AccordionContent = React27.forwardRef(({ className, children, ...props }, re
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // src/libraries/react/components/ui/popover.tsx
-var React28 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var PopoverContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -6639,9 +6770,9 @@ var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/libraries/react/components/ui/input.tsx
-var React29 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Input = React29.forwardRef(
+var Input = React31.forwardRef(
   ({ className, type, onClick, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
@@ -6672,13 +6803,13 @@ var formatCurrency = ({
 };
 function AttachDialog(params) {
   const { attach } = useCustomer();
-  const [checkoutResult, setCheckoutResult] = (0, import_react8.useState)(params?.checkoutResult);
-  (0, import_react8.useEffect)(() => {
+  const [checkoutResult, setCheckoutResult] = (0, import_react10.useState)(params?.checkoutResult);
+  (0, import_react10.useEffect)(() => {
     if (params.checkoutResult) {
       setCheckoutResult(params.checkoutResult);
     }
   }, [params.checkoutResult]);
-  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [loading, setLoading] = (0, import_react10.useState)(false);
   if (!checkoutResult) {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {});
   }
@@ -6851,12 +6982,12 @@ var PrepaidItem = ({
   setCheckoutResult
 }) => {
   const { quantity = 0, billing_units: billingUnits = 1 } = item;
-  const [quantityInput, setQuantityInput] = (0, import_react8.useState)(
+  const [quantityInput, setQuantityInput] = (0, import_react10.useState)(
     (quantity / billingUnits).toString()
   );
   const { checkout } = useCustomer();
-  const [loading, setLoading] = (0, import_react8.useState)(false);
-  const [open, setOpen] = (0, import_react8.useState)(false);
+  const [loading, setLoading] = (0, import_react10.useState)(false);
+  const [open, setOpen] = (0, import_react10.useState)(false);
   const scenario = checkoutResult.product.scenario;
   const handleSave = async () => {
     setLoading(true);
@@ -6960,23 +7091,22 @@ var PrepaidItem = ({
 };
 
 // src/libraries/react/components/check-dialog/check-dialog-synced.tsx
-var import_react9 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 
 // src/libraries/react/components/pricing-table/pricing-table-synced.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/libraries/react/components/ui/switch.tsx
-var React34 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_uhx276sbw7dr3tfricp4xfbxsq/node_modules/@radix-ui/react-switch/dist/index.mjs
-var React33 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-var React31 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 function usePrevious(value) {
-  const ref = React31.useRef({ value, previous: value });
-  return React31.useMemo(() => {
+  const ref = React33.useRef({ value, previous: value });
+  return React33.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -6986,9 +7116,9 @@ function usePrevious(value) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var React32 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 function useSize(element) {
-  const [size, setSize] = React32.useState(void 0);
+  const [size, setSize] = React34.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -7027,7 +7157,7 @@ var import_jsx_runtime18 = require("react/jsx-runtime");
 var SWITCH_NAME = "Switch";
 var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch = React33.forwardRef(
+var Switch = React35.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSwitch,
@@ -7041,9 +7171,9 @@ var Switch = React33.forwardRef(
       form,
       ...switchProps
     } = props;
-    const [button, setButton] = React33.useState(null);
+    const [button, setButton] = React35.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React33.useRef(false);
+    const hasConsumerStoppedPropagationRef = React35.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     const [checked, setChecked] = useControllableState({
       prop: checkedProp,
@@ -7093,7 +7223,7 @@ var Switch = React33.forwardRef(
 );
 Switch.displayName = SWITCH_NAME;
 var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React33.forwardRef(
+var SwitchThumb = React35.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSwitch, ...thumbProps } = props;
     const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
@@ -7110,7 +7240,7 @@ var SwitchThumb = React33.forwardRef(
 );
 SwitchThumb.displayName = THUMB_NAME;
 var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React33.forwardRef(
+var SwitchBubbleInput = React35.forwardRef(
   ({
     __scopeSwitch,
     control,
@@ -7118,11 +7248,11 @@ var SwitchBubbleInput = React33.forwardRef(
     bubbles = true,
     ...props
   }, forwardedRef) => {
-    const ref = React33.useRef(null);
+    const ref = React35.useRef(null);
     const composedRefs = useComposedRefs(ref, forwardedRef);
     const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React33.useEffect(() => {
+    React35.useEffect(() => {
       const input = ref.current;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -7167,7 +7297,7 @@ var Thumb = SwitchThumb;
 
 // src/libraries/react/components/ui/switch.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var Switch2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var Switch2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   Root4,
   {
     className: cn(
@@ -7280,7 +7410,7 @@ function PricingTable({
   productDetails
 }) {
   const { checkout } = useCustomer();
-  const [isAnnual, setIsAnnual] = (0, import_react11.useState)(false);
+  const [isAnnual, setIsAnnual] = (0, import_react12.useState)(false);
   const { products, isLoading, error } = usePricingTable({ productDetails });
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: loadingStyles, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LoaderCircle, { style: spinnerStyles }) });
@@ -7337,7 +7467,7 @@ function PricingTable({
     }
   ) });
 }
-var PricingTableContext = (0, import_react11.createContext)({
+var PricingTableContext = (0, import_react12.createContext)({
   isAnnualToggle: false,
   setIsAnnualToggle: () => {
   },
@@ -7345,7 +7475,7 @@ var PricingTableContext = (0, import_react11.createContext)({
   showFeatures: true
 });
 var usePricingTableContext = (componentName) => {
-  const context = (0, import_react11.useContext)(PricingTableContext);
+  const context = (0, import_react12.useContext)(PricingTableContext);
   if (context === void 0) {
     throw new Error(`${componentName} must be used within <PricingTable />`);
   }
@@ -7512,8 +7642,8 @@ var PricingFeatureList = ({
     )) })
   ] });
 };
-var PricingCardButton = import_react10.default.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
-  const [loading, setLoading] = (0, import_react11.useState)(false);
+var PricingCardButton = import_react11.default.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
+  const [loading, setLoading] = (0, import_react12.useState)(false);
   const handleClick = async (e) => {
     setLoading(true);
     try {
@@ -7588,6 +7718,7 @@ lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/loader-circle.js:
+lucide-react/dist/esm/icons/x.js:
 lucide-react/dist/esm/lucide-react.js:
   (**
    * @license lucide-react v0.523.0 - ISC