@schematichq/schematic-components 0.4.11 → 0.6.0

package/dist/schematic-components.cjs.js

@@ -1664,78 +1664,18 @@ var require_merge = __commonJS({
   }
 });
 
-// node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "node_modules/classnames/index.js"(exports, module2) {
-    (function() {
-      "use strict";
-      var hasOwn = {}.hasOwnProperty;
-      function classNames() {
-        var classes = "";
-        for (var i2 = 0; i2 < arguments.length; i2++) {
-          var arg = arguments[i2];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (typeof module2 !== "undefined" && module2.exports) {
-        classNames.default = classNames;
-        module2.exports = classNames;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames;
-        });
-      } else {
-        window.classNames = classNames;
-      }
-    })();
-  }
-});
-
 // node_modules/pluralize/pluralize.js
 var require_pluralize = __commonJS({
   "node_modules/pluralize/pluralize.js"(exports, module2) {
-    (function(root, pluralize8) {
+    (function(root, pluralize2) {
       if (typeof require === "function" && typeof exports === "object" && typeof module2 === "object") {
-        module2.exports = pluralize8();
+        module2.exports = pluralize2();
       } else if (typeof define === "function" && define.amd) {
         define(function() {
-          return pluralize8();
+          return pluralize2();
         });
       } else {
-        root.pluralize = pluralize8();
+        root.pluralize = pluralize2();
       }
     })(exports, function() {
       var pluralRules = [];
@@ -1803,45 +1743,45 @@ var require_pluralize = __commonJS({
           return sanitizeWord(token2, token2, rules) === token2;
         };
       }
-      function pluralize8(word, count, inclusive) {
-        var pluralized = count === 1 ? pluralize8.singular(word) : pluralize8.plural(word);
+      function pluralize2(word, count, inclusive) {
+        var pluralized = count === 1 ? pluralize2.singular(word) : pluralize2.plural(word);
         return (inclusive ? count + " " : "") + pluralized;
       }
-      pluralize8.plural = replaceWord(
+      pluralize2.plural = replaceWord(
         irregularSingles,
         irregularPlurals,
         pluralRules
       );
-      pluralize8.isPlural = checkWord(
+      pluralize2.isPlural = checkWord(
         irregularSingles,
         irregularPlurals,
         pluralRules
       );
-      pluralize8.singular = replaceWord(
+      pluralize2.singular = replaceWord(
         irregularPlurals,
         irregularSingles,
         singularRules
       );
-      pluralize8.isSingular = checkWord(
+      pluralize2.isSingular = checkWord(
         irregularPlurals,
         irregularSingles,
         singularRules
       );
-      pluralize8.addPluralRule = function(rule, replacement) {
+      pluralize2.addPluralRule = function(rule, replacement) {
         pluralRules.push([sanitizeRule(rule), replacement]);
       };
-      pluralize8.addSingularRule = function(rule, replacement) {
+      pluralize2.addSingularRule = function(rule, replacement) {
         singularRules.push([sanitizeRule(rule), replacement]);
       };
-      pluralize8.addUncountableRule = function(word) {
+      pluralize2.addUncountableRule = function(word) {
         if (typeof word === "string") {
           uncountables[word.toLowerCase()] = true;
           return;
         }
-        pluralize8.addPluralRule(word, "$0");
-        pluralize8.addSingularRule(word, "$0");
+        pluralize2.addPluralRule(word, "$0");
+        pluralize2.addSingularRule(word, "$0");
       };
-      pluralize8.addIrregularRule = function(single, plural) {
+      pluralize2.addIrregularRule = function(single, plural) {
         plural = plural.toLowerCase();
         single = single.toLowerCase();
         irregularSingles[single] = plural;
@@ -1901,7 +1841,7 @@ var require_pluralize = __commonJS({
         ["pickaxe", "pickaxes"],
         ["passerby", "passersby"]
       ].forEach(function(rule) {
-        return pluralize8.addIrregularRule(rule[0], rule[1]);
+        return pluralize2.addIrregularRule(rule[0], rule[1]);
       });
       [
         [/s?$/i, "s"],
@@ -1930,7 +1870,7 @@ var require_pluralize = __commonJS({
         [/m[ae]n$/i, "men"],
         ["thou", "you"]
       ].forEach(function(rule) {
-        return pluralize8.addPluralRule(rule[0], rule[1]);
+        return pluralize2.addPluralRule(rule[0], rule[1]);
       });
       [
         [/s$/i, ""],
@@ -1957,7 +1897,7 @@ var require_pluralize = __commonJS({
         [/(eau)x?$/i, "$1"],
         [/men$/i, "man"]
       ].forEach(function(rule) {
-        return pluralize8.addSingularRule(rule[0], rule[1]);
+        return pluralize2.addSingularRule(rule[0], rule[1]);
       });
       [
         // Singular words with no plurals.
@@ -2069,12 +2009,249 @@ var require_pluralize = __commonJS({
         /pox$/i,
         // "chickpox", "smallpox"
         /sheep$/i
-      ].forEach(pluralize8.addUncountableRule);
-      return pluralize8;
+      ].forEach(pluralize2.addUncountableRule);
+      return pluralize2;
     });
   }
 });
 
+// node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "node_modules/classnames/index.js"(exports, module2) {
+    (function() {
+      "use strict";
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i2 = 0; i2 < arguments.length; i2++) {
+          var arg = arguments[i2];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (typeof module2 !== "undefined" && module2.exports) {
+        classNames.default = classNames;
+        module2.exports = classNames;
+      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
+        define("classnames", [], function() {
+          return classNames;
+        });
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  }
+});
+
+// node_modules/lodash/now.js
+var require_now = __commonJS({
+  "node_modules/lodash/now.js"(exports, module2) {
+    var root = require_root();
+    var now = function() {
+      return root.Date.now();
+    };
+    module2.exports = now;
+  }
+});
+
+// node_modules/lodash/_trimmedEndIndex.js
+var require_trimmedEndIndex = __commonJS({
+  "node_modules/lodash/_trimmedEndIndex.js"(exports, module2) {
+    var reWhitespace = /\s/;
+    function trimmedEndIndex(string) {
+      var index = string.length;
+      while (index-- && reWhitespace.test(string.charAt(index))) {
+      }
+      return index;
+    }
+    module2.exports = trimmedEndIndex;
+  }
+});
+
+// node_modules/lodash/_baseTrim.js
+var require_baseTrim = __commonJS({
+  "node_modules/lodash/_baseTrim.js"(exports, module2) {
+    var trimmedEndIndex = require_trimmedEndIndex();
+    var reTrimStart = /^\s+/;
+    function baseTrim(string) {
+      return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+    }
+    module2.exports = baseTrim;
+  }
+});
+
+// node_modules/lodash/isSymbol.js
+var require_isSymbol = __commonJS({
+  "node_modules/lodash/isSymbol.js"(exports, module2) {
+    var baseGetTag = require_baseGetTag();
+    var isObjectLike = require_isObjectLike();
+    var symbolTag = "[object Symbol]";
+    function isSymbol(value) {
+      return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+    }
+    module2.exports = isSymbol;
+  }
+});
+
+// node_modules/lodash/toNumber.js
+var require_toNumber = __commonJS({
+  "node_modules/lodash/toNumber.js"(exports, module2) {
+    var baseTrim = require_baseTrim();
+    var isObject2 = require_isObject();
+    var isSymbol = require_isSymbol();
+    var NAN = 0 / 0;
+    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+    var reIsBinary = /^0b[01]+$/i;
+    var reIsOctal = /^0o[0-7]+$/i;
+    var freeParseInt = parseInt;
+    function toNumber(value) {
+      if (typeof value == "number") {
+        return value;
+      }
+      if (isSymbol(value)) {
+        return NAN;
+      }
+      if (isObject2(value)) {
+        var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+        value = isObject2(other) ? other + "" : other;
+      }
+      if (typeof value != "string") {
+        return value === 0 ? value : +value;
+      }
+      value = baseTrim(value);
+      var isBinary = reIsBinary.test(value);
+      return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+    }
+    module2.exports = toNumber;
+  }
+});
+
+// node_modules/lodash/debounce.js
+var require_debounce = __commonJS({
+  "node_modules/lodash/debounce.js"(exports, module2) {
+    var isObject2 = require_isObject();
+    var now = require_now();
+    var toNumber = require_toNumber();
+    var FUNC_ERROR_TEXT = "Expected a function";
+    var nativeMax = Math.max;
+    var nativeMin = Math.min;
+    function debounce2(func, wait, options) {
+      var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+      if (typeof func != "function") {
+        throw new TypeError(FUNC_ERROR_TEXT);
+      }
+      wait = toNumber(wait) || 0;
+      if (isObject2(options)) {
+        leading = !!options.leading;
+        maxing = "maxWait" in options;
+        maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+        trailing = "trailing" in options ? !!options.trailing : trailing;
+      }
+      function invokeFunc(time) {
+        var args = lastArgs, thisArg = lastThis;
+        lastArgs = lastThis = void 0;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+      }
+      function leadingEdge(time) {
+        lastInvokeTime = time;
+        timerId = setTimeout(timerExpired, wait);
+        return leading ? invokeFunc(time) : result;
+      }
+      function remainingWait(time) {
+        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+        return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+      }
+      function shouldInvoke(time) {
+        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+        return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+      }
+      function timerExpired() {
+        var time = now();
+        if (shouldInvoke(time)) {
+          return trailingEdge(time);
+        }
+        timerId = setTimeout(timerExpired, remainingWait(time));
+      }
+      function trailingEdge(time) {
+        timerId = void 0;
+        if (trailing && lastArgs) {
+          return invokeFunc(time);
+        }
+        lastArgs = lastThis = void 0;
+        return result;
+      }
+      function cancel() {
+        if (timerId !== void 0) {
+          clearTimeout(timerId);
+        }
+        lastInvokeTime = 0;
+        lastArgs = lastCallTime = lastThis = timerId = void 0;
+      }
+      function flush() {
+        return timerId === void 0 ? result : trailingEdge(now());
+      }
+      function debounced() {
+        var time = now(), isInvoking = shouldInvoke(time);
+        lastArgs = arguments;
+        lastThis = this;
+        lastCallTime = time;
+        if (isInvoking) {
+          if (timerId === void 0) {
+            return leadingEdge(lastCallTime);
+          }
+          if (maxing) {
+            clearTimeout(timerId);
+            timerId = setTimeout(timerExpired, wait);
+            return invokeFunc(lastCallTime);
+          }
+        }
+        if (timerId === void 0) {
+          timerId = setTimeout(timerExpired, wait);
+        }
+        return result;
+      }
+      debounced.cancel = cancel;
+      debounced.flush = flush;
+      return debounced;
+    }
+    module2.exports = debounce2;
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -2106,6 +2283,7 @@ __export(index_exports, {
   SchematicEmbed: () => SchematicEmbed,
   StyledCard: () => StyledCard,
   Text: () => Text,
+  TextPropNames: () => TextPropNames,
   Tooltip: () => Tooltip,
   UnsubscribeButton: () => UnsubscribeButton,
   UpcomingBill: () => UpcomingBill,
@@ -3104,7 +3282,7 @@ var unitlessKeys = {
 var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled";
 var m = "active";
 var y = "data-styled-version";
-var v = "6.1.15";
+var v = "6.1.16";
 var g = "/*!sc*/\n";
 var S = "undefined" != typeof window && "HTMLElement" in window;
 var w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : true);
@@ -3765,6 +3943,7 @@ var St = "__sc-".concat(f, "__");
 var TEXT_BASE_SIZE = 16;
 var VISIBLE_ENTITLEMENT_COUNT = 4;
 var MAX_VISIBLE_INVOICE_COUNT = 12;
+var DEBOUNCE_TIMEOUT = 250;
 
 // src/hooks/useAvailablePlans.ts
 var import_react10 = require("react");
@@ -10590,6 +10769,7 @@ function BillingProductDetailResponseDataFromJSONTyped(json, ignoreDiscriminator
     ),
     productId: json["product_id"],
     quantity: json["quantity"],
+    subscriptionCount: json["subscription_count"],
     updatedAt: new Date(json["updated_at"])
   };
 }
@@ -10662,6 +10842,7 @@ function BillingSubscriptionResponseDataFromJSONTyped(json, ignoreDiscriminator)
     createdAt: new Date(json["created_at"]),
     currency: json["currency"],
     customerExternalId: json["customer_external_id"],
+    defaultPaymentMethodId: json["default_payment_method_id"] == null ? void 0 : json["default_payment_method_id"],
     expiredAt: json["expired_at"] == null ? void 0 : new Date(json["expired_at"]),
     id: json["id"],
     interval: json["interval"],
@@ -10730,7 +10911,6 @@ function PaymentMethodResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     externalId: json["external_id"],
     id: json["id"],
     paymentMethodType: json["payment_method_type"],
-    subscriptionExternalId: json["subscription_external_id"] == null ? void 0 : json["subscription_external_id"],
     updatedAt: new Date(json["updated_at"])
   };
 }
@@ -10750,6 +10930,7 @@ function BillingSubscriptionViewFromJSONTyped(json, ignoreDiscriminator) {
     createdAt: new Date(json["created_at"]),
     currency: json["currency"],
     customerExternalId: json["customer_external_id"],
+    defaultPaymentMethodId: json["default_payment_method_id"] == null ? void 0 : json["default_payment_method_id"],
     discounts: json["discounts"].map(
       BillingSubscriptionDiscountViewFromJSON
     ),
@@ -11019,6 +11200,9 @@ function CompanyDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
       CompanyEventPeriodMetricsResponseDataFromJSON
     ),
     name: json["name"],
+    paymentMethods: json["payment_methods"].map(
+      PaymentMethodResponseDataFromJSON
+    ),
     plan: json["plan"] == null ? void 0 : CompanyPlanWithBillingSubViewFromJSON(json["plan"]),
     plans: json["plans"].map(GenericPreviewObjectFromJSON),
     traits: json["traits"] == null ? void 0 : json["traits"],
@@ -11181,6 +11365,8 @@ function FeatureResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     lifecyclePhase: json["lifecycle_phase"] == null ? void 0 : json["lifecycle_phase"],
     maintainerId: json["maintainer_id"] == null ? void 0 : json["maintainer_id"],
     name: json["name"],
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     traitId: json["trait_id"] == null ? void 0 : json["trait_id"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -11232,6 +11418,8 @@ function FeatureDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     maintainerId: json["maintainer_id"] == null ? void 0 : json["maintainer_id"],
     name: json["name"],
     plans: json["plans"].map(PreviewObjectFromJSON),
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     trait: json["trait"] == null ? void 0 : EntityTraitDefinitionResponseDataFromJSON(json["trait"]),
     traitId: json["trait_id"] == null ? void 0 : json["trait_id"],
     updatedAt: new Date(json["updated_at"])
@@ -11281,6 +11469,7 @@ function PlanEntitlementResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     priceBehavior: json["price_behavior"] == null ? void 0 : json["price_behavior"],
     ruleId: json["rule_id"],
     ruleIdUsageExceeded: json["rule_id_usage_exceeded"] == null ? void 0 : json["rule_id_usage_exceeded"],
+    softLimit: json["soft_limit"] == null ? void 0 : json["soft_limit"],
     updatedAt: new Date(json["updated_at"]),
     valueBool: json["value_bool"] == null ? void 0 : json["value_bool"],
     valueNumeric: json["value_numeric"] == null ? void 0 : json["value_numeric"],
@@ -11384,6 +11573,7 @@ function ComponentCapabilitiesFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    badgeVisibility: json["badge_visibility"],
     checkout: json["checkout"]
   };
 }
@@ -11482,6 +11672,7 @@ function FeatureUsageResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     period: json["period"] == null ? void 0 : json["period"],
     plan: json["plan"] == null ? void 0 : PlanResponseDataFromJSON(json["plan"]),
     priceBehavior: json["price_behavior"] == null ? void 0 : json["price_behavior"],
+    softLimit: json["soft_limit"] == null ? void 0 : json["soft_limit"],
     usage: json["usage"] == null ? void 0 : json["usage"],
     yearlyUsageBasedPrice: json["yearly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["yearly_usage_based_price"])
   };
@@ -11544,6 +11735,20 @@ function ComponentHydrateResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/models/DeletePaymentMethodResponse.ts
+function DeletePaymentMethodResponseFromJSON(json) {
+  return DeletePaymentMethodResponseFromJSONTyped(json, false);
+}
+function DeletePaymentMethodResponseFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    data: DeleteResponseFromJSON(json["data"]),
+    params: json["params"]
+  };
+}
+
 // src/api/models/SetupIntentResponseData.ts
 function SetupIntentResponseDataFromJSON(json) {
   return SetupIntentResponseDataFromJSONTyped(json, false);
@@ -11748,6 +11953,50 @@ var CheckoutexternalApi = class extends BaseAPI {
     const response = await this.checkoutUnsubscribeRaw(initOverrides);
     return await response.value();
   }
+  /**
+   * Delete payment method
+   */
+  async deletePaymentMethodRaw(requestParameters, initOverrides) {
+    if (requestParameters["checkoutId"] == null) {
+      throw new RequiredError(
+        "checkoutId",
+        'Required parameter "checkoutId" was null or undefined when calling deletePaymentMethod().'
+      );
+    }
+    const queryParameters = {};
+    const headerParameters = {};
+    if (this.configuration && this.configuration.apiKey) {
+      headerParameters["X-Schematic-Api-Key"] = await this.configuration.apiKey(
+        "X-Schematic-Api-Key"
+      );
+    }
+    const response = await this.request(
+      {
+        path: `/checkout/paymentmethod/{checkout_id}`.replace(
+          `{${"checkout_id"}}`,
+          encodeURIComponent(String(requestParameters["checkoutId"]))
+        ),
+        method: "DELETE",
+        headers: headerParameters,
+        query: queryParameters
+      },
+      initOverrides
+    );
+    return new JSONApiResponse(
+      response,
+      (jsonValue) => DeletePaymentMethodResponseFromJSON(jsonValue)
+    );
+  }
+  /**
+   * Delete payment method
+   */
+  async deletePaymentMethod(requestParameters, initOverrides) {
+    const response = await this.deletePaymentMethodRaw(
+      requestParameters,
+      initOverrides
+    );
+    return await response.value();
+  }
   /**
    * Get setup intent
    */
@@ -12025,6 +12274,8 @@ var en_default = {
     "Not ready to cancel?": "Not ready to cancel?",
     "Optionally add features to your subscription": "Optionally add features to your subscription",
     "Other existing payment method": "Other existing payment method",
+    Overage: "Overage",
+    "Overage fee": "Overage fee",
     "Over usage limit": "Over usage limit",
     "Pay now": "Pay now",
     "Payment Method": "Payment Method",
@@ -12057,17 +12308,20 @@ var en_default = {
     Unsubscribe: "Unsubscribe",
     "Unsubscribe failed": "Unsubscribe failed",
     "Unused time": "Unused time",
+    "Up to a limit of": "Up to a limit of {{amount}} {{units}}",
     Usage: "Usage",
     "Usage-based": "Usage-based",
     "Use existing payment method": "Use existing payment method",
     "X% off": "{{percent}}% off",
     "X off": "{{amount}} off",
+    "X over the limit": "{{amount}} over the limit",
     Yearly: "Yearly",
     "You will retain access to your plan until the end of the billing period, on": "You will retain access to your plan until the end of the billing period, on",
     day: "day",
     month: "month",
     per: "per",
     year: "year",
+    "overage fee": "overage fee",
     used: "used",
     usage: {
       limited: "{{amount}} of {{allocation}} used",
@@ -12077,8 +12331,7 @@ var en_default = {
 };
 
 // src/context/styles.ts
-var GlobalStyle = ft`;
-
+var GlobalStyle = ft`
 @font-face {
   font-family: "icons";
   src: url(data:font/ttf;base64,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ASUBJgEnASgBKQEqASsBLAEtAS4BLwEwATEBMgEzATQBNQE2ATcBOAE5AToBOwE8AT0BPgE/AUABQQFCAUMBRAFFAUYBRwFIAUkBSgFLAUwBTQFOAU8BUAFRAVIBUwFUAVUBVgFXAVgBWQFaAVsBXAFdAV4BXwFgAWEBYgFjAWQBZQFmAWcBaAFpAWoBawFsAW0BbgFvAXABcQFyAXMBdAF1AXYBdwAFYWxhcm0JYW1hem9ucGF5BGFtZXgIYXBwbGVwYXkPYXJyb3ctYW5hbHl0aWNzDGFycm93LWN1cnZlZAphcnJvdy1kb3duCmFycm93LWxlZnQLYXJyb3ctcmlnaHQIYXJyb3ctdXAMYXJyb3ctdXB3YXJkCWJhY2tzcGFjZQRiYW5rBGJlbGwFYm9hcmQIYm9va21hcmsKYm9vbGVhbi1vbgdib29sZWFuBGJ1bGIGYnVyZ2VyB2Nhc2hhcHANY2hlY2stcm91bmRlZAVjaGVjawxjaGV2cm9uLWRvd24MY2hldnJvbi1sZWZ0DWNoZXZyb24tcmlnaHQKY2hldnJvbi11cARjaGlwBWNoaXBzBWNsZXJrFGNsb3NlLXJvdW5kZWQtZmlsbGVkBWNsb3NlCGNsb3VkLXVwBGNsdWIDY21kBGNvZGUGY29mZmVlA2NvZw5jb2xsYXBzZS1lbXB0eQhjb2xsYXBzZQdjb21wYXNzCmNvbm5lY3Rpb24EY29weQZjcmVkaXQHY3lsbmRlcgdkaWFtb25kDmRvbGxhci1yb3VuZGVkD2RvdHMtaG9yaXpvbnRhbA1kb3RzLXZlcnRpY2FsDGVudGl0bGVtZW50cwllcXVhbGl6ZXIaZXhjbGFtYXRpb24tcm91bmRlZC1maWxsZWQDZXllBmZpbHRlcgVmbGFzawxmb2xkZXItbWludXMLZm9sZGVyLXBsdXMGZm9sZGVyD2dlbmVyaWMtcGF5bWVudAZnaXRodWIHZ2xhc3NlcwVnbG9iZQZnb29nbGUGaGFtbWVyBGhhc2gFaGVhcnQHaHVic3BvdAVpbWFnZQxpbmZvLXJvdW5kZWQFanVpY2UDa2V5BGxpbmsKbWFzdGVyY2FyZARtb3ZlBW11c2ljCm5vZGUtbWludXMJbm9kZS1wbHVzB3BhY2thZ2ULcGFwZXItcGxhbmUGcGF5cGFsBnBlbmNpbAdwZXJjZW50BnBpY2tlcgRwbGFuBHBsdWcKcGx1cy1taW51cxRwbHVzLXJvdW5kZWQtb3V0bGluZQdwcmVzZW50CXNjaGVtYXRpYwZzZWFyY2gHc2VnbWVudA1zZXJ2ZXItc2VhcmNoB3NpZGViYXIGc2lnbmFsB3NpbGVuY2UFc3BhZGUHc3BlYWtlcgdzdGFja2VkBnN0YWNrcwZzdHJpcGUEdGV4dAd0aHVuZGVyB3Rvcm5hZG8FdHJ1Y2sEdHViZQt1bnByb3RlY3RlZAt1bnN1YnNjcmliZQh2ZXJpZmllZAx2aWRlby1jYW1lcmEEdmlzYQZ3YWxsZXQKd2F0Y2gtaGFuZAx3YXRjaC1wb2NrZXQKd2F0ZXItZHJvcAV3YXZlcwd3ZWJob29rBHdpbmQAAAAA), format("truetype");
@@ -12631,7 +12884,8 @@ var defaultTheme = {
 var defaultSettings = {
   theme: defaultTheme,
   badge: {
-    alignment: "start"
+    alignment: "start",
+    visibility: "visible"
   }
 };
 function isEditorState(obj) {
@@ -12695,7 +12949,8 @@ var EmbedProvider = ({
   accessToken,
   apiConfig,
   children,
-  mode = "view"
+  mode = "view",
+  ...options
 }) => {
   const styleRef = (0, import_react11.useRef)(null);
   const sessionIdRef = (0, import_react11.useRef)(v4_default());
@@ -12728,6 +12983,14 @@ var EmbedProvider = ({
       }
     };
   });
+  const debug = (0, import_react11.useCallback)(
+    (message, ...args) => {
+      if (options.debug) {
+        console.debug(`[Schematic] ${message}`, ...args);
+      }
+    },
+    [options.debug]
+  );
   const hydrate = (0, import_react11.useCallback)(async () => {
     setState((prev2) => ({ ...prev2, isPending: true, error: void 0 }));
     try {
@@ -12797,7 +13060,7 @@ var EmbedProvider = ({
       };
     });
   };
-  (0, import_react11.useEffect)(() => {
+  const initI18n = () => {
     instance.use(initReactI18next).init({
       resources: {
         en: en_default
@@ -12808,8 +13071,8 @@ var EmbedProvider = ({
         escapeValue: false
       }
     });
-  }, []);
-  (0, import_react11.useEffect)(() => {
+  };
+  const initFontStylesheet = () => {
     const element = document.getElementById("schematic-fonts");
     if (element) {
       styleRef.current = element;
@@ -12820,11 +13083,25 @@ var EmbedProvider = ({
     style.rel = "stylesheet";
     document.head.appendChild(style);
     styleRef.current = style;
-  }, []);
+  };
+  (0, import_react11.useEffect)(() => {
+    initI18n();
+    initFontStylesheet();
+    const planChanged = (event) => {
+      if (!(event instanceof CustomEvent)) {
+        return;
+      }
+      debug("plan changed", event.detail);
+    };
+    window.addEventListener("plan-changed", planChanged);
+    return () => {
+      window.removeEventListener("plan-changed", planChanged);
+    };
+  }, [debug]);
   (0, import_react11.useEffect)(() => {
     if (accessToken) {
       const { headers = {} } = apiConfig ?? {};
-      headers["X-Schematic-Components-Version"] = "0.4.11";
+      headers["X-Schematic-Components-Version"] = "0.6.0";
       headers["X-Schematic-Session-ID"] = sessionIdRef.current;
       const config = new Configuration({
         ...apiConfig,
@@ -13076,6 +13353,17 @@ attr.rem = function propAsRem(key, value) {
     `;
 };
 
+// src/utils/api.ts
+var import_pluralize = __toESM(require_pluralize());
+var getFeatureName = (feature, count = 0) => {
+  const shouldBePlural = count === 0 || count > 1;
+  const { name, singularName, pluralName } = feature;
+  if (pluralName && shouldBePlural) return pluralName;
+  if (singularName)
+    return shouldBePlural ? (0, import_pluralize.default)(singularName, count) : singularName;
+  return (0, import_pluralize.default)(name, count);
+};
+
 // src/hooks/useIsLightBackground.ts
 function useIsLightBackground() {
   const theme = nt();
@@ -13143,7 +13431,10 @@ var import_react20 = require("react");
 // src/components/ui/box/styles.ts
 var Box = dt.div((props) => {
   function reducer(acc, [key, value]) {
-    if (key.startsWith("$") && key !== "$viewport") {
+    if (key.startsWith("$") && ![
+      "$viewport",
+      ...Object.values(TextPropNames).filter((prop) => prop !== "$color")
+    ].includes(key)) {
       acc.push(
         // keys will always be CSS properties
         attr(camelToHyphen(key.slice(1)), value)
@@ -13838,7 +14129,7 @@ var Modal = (0, import_react17.forwardRef)(
       contentRef?.current?.focus({ preventScroll: true });
     }, [contentRef]);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      Container2,
+      Box,
       {
         ref,
         tabIndex: 0,
@@ -13866,7 +14157,7 @@ var Modal = (0, import_react17.forwardRef)(
         $scrollbarColor: `${isLightBackground ? "hsla(0, 0%, 0%, 0.15)" : "hsla(0, 0%, 100%, 0.15)"} transparent`,
         $scrollbarWidth: "thin",
         $scrollbarGutter: "stable both-edges",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container2, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Flex,
           {
             ref: contentRef,
@@ -13898,7 +14189,7 @@ var Modal = (0, import_react17.forwardRef)(
             },
             children
           }
-        )
+        ) })
       }
     );
   }
@@ -13983,9 +14274,11 @@ var ProgressBar = ({
   value,
   total = 0,
   color = "gray",
+  bgColor = "#F2F4F7",
   barWidth = "100%",
   ...props
 }) => {
+  const theme = nt();
   const barColorMap = {
     gray: "#9CA3AF",
     blue: "#2563EB",
@@ -14014,7 +14307,7 @@ var ProgressBar = ({
                 $overflow: "hidden",
                 $width: "100%",
                 $height: `${8 / TEXT_BASE_SIZE}rem`,
-                $backgroundColor: "#F2F4F7",
+                $backgroundColor: bgColor,
                 $borderRadius: "9999px",
                 children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   Box,
@@ -14029,18 +14322,37 @@ var ProgressBar = ({
             )
           }
         ),
-        total !== 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { $size: 14, $weight: 500, children: [
-          value,
-          "/",
-          total
-        ] })
+        total !== 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          Text,
+          {
+            $font: theme.typography.text.fontFamily,
+            $size: 14,
+            $weight: 500,
+            $color: theme.typography.text.color,
+            children: [
+              value,
+              "/",
+              total
+            ]
+          }
+        )
       ]
     }
   );
 };
 
 // src/components/ui/text/styles.ts
-var Text = dt.span.attrs(({ onClick }) => ({
+var TextPropNames = /* @__PURE__ */ ((TextPropNames2) => {
+  TextPropNames2["Align"] = "$align";
+  TextPropNames2["Font"] = "$font";
+  TextPropNames2["Size"] = "$size";
+  TextPropNames2["Weight"] = "$weight";
+  TextPropNames2["Color"] = "$color";
+  TextPropNames2["Leading"] = "$leading";
+  return TextPropNames2;
+})(TextPropNames || {});
+var Text = dt(Box).attrs(({ as = "span", onClick }) => ({
+  as,
   ...onClick && { tabIndex: 0 }
 }))`
   ${({ $font }) => $font && lt`
@@ -14073,6 +14385,7 @@ var Text = dt.span.attrs(({ onClick }) => ({
 // src/components/ui/tooltip/Tooltip.tsx
 var import_react19 = require("react");
 var import_react_dom = require("react-dom");
+var import_debounce = __toESM(require_debounce());
 
 // src/components/ui/tooltip/styles.ts
 var Trigger = dt(Box)``;
@@ -14212,7 +14525,7 @@ var Tooltip = ({
   const ref = (0, import_react19.useRef)(null);
   const [show, setShow] = (0, import_react19.useState)(false);
   const [coords2, setCoords] = (0, import_react19.useState)({ x: 0, y: 0 });
-  (0, import_react19.useLayoutEffect)(() => {
+  const updateCoords = (0, import_react19.useCallback)(() => {
     if (ref.current) {
       const { top: offsetTop, left: offsetLeft } = document.body.getBoundingClientRect();
       const rect = ref.current.getBoundingClientRect();
@@ -14229,7 +14542,15 @@ var Tooltip = ({
         y: Math.round(y2 - offsetTop)
       });
     }
-  }, [position2, trigger]);
+  }, [position2]);
+  (0, import_react19.useLayoutEffect)(() => {
+    updateCoords();
+    const handleResize = (0, import_debounce.default)(updateCoords, DEBOUNCE_TIMEOUT);
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [updateCoords]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Trigger,
@@ -14250,7 +14571,17 @@ var Tooltip = ({
 
 // src/components/layout/root/styles.ts
 var Container2 = dt(Box)`
-  sub,
+  all: initial;
+  box-sizing: border-box;
+  font-size: ${TEXT_BASE_SIZE}px;
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: inherit;
+  }
+
+  sub,
   sup {
     position: static;
     line-height: 1;
@@ -14283,7 +14614,6 @@ var import_react24 = require("react");
 
 // src/components/shared/sidebar/Sidebar.tsx
 var import_react21 = require("react");
-var import_pluralize = __toESM(require_pluralize());
 
 // src/components/shared/sidebar/StageButton.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -14570,6 +14900,13 @@ var Sidebar = ({
       proration: charges?.proration ?? 0
     };
   }, [charges]);
+  const dispatchPlanChangedEvent = (detail) => {
+    const event = new CustomEvent("plan-changed", {
+      bubbles: true,
+      detail
+    });
+    window.dispatchEvent(event);
+  };
   const checkout = (0, import_react21.useCallback)(async () => {
     const priceId = (planPeriod === "month" ? selectedPlan?.monthlyPrice : selectedPlan?.yearlyPrice)?.id;
     if (!api || !selectedPlan || !priceId) {
@@ -14578,7 +14915,7 @@ var Sidebar = ({
     try {
       setError(void 0);
       setIsLoading(true);
-      await api.checkout({
+      const response = await api.checkout({
         changeSubscriptionRequestBody: {
           newPlanId: selectedPlan.id,
           newPriceId: priceId,
@@ -14611,6 +14948,7 @@ var Sidebar = ({
           ...promoCode && { promoCode }
         }
       });
+      dispatchPlanChangedEvent(response.data);
       setIsLoading(false);
       setLayout("portal");
       hydrate();
@@ -14643,7 +14981,8 @@ var Sidebar = ({
     try {
       setError(void 0);
       setIsLoading(true);
-      await api.checkoutUnsubscribe();
+      const response = await api.checkoutUnsubscribe();
+      dispatchPlanChangedEvent(response.data);
       setLayout("portal");
       hydrate();
     } catch {
@@ -14904,7 +15243,7 @@ var Sidebar = ({
                   }
                 ) }),
                 removedUsageBasedEntitlements.reduce(
-                  (acc, { allocation, quantity, usage }) => {
+                  (acc, { allocation, quantity, usage }, index) => {
                     if (typeof allocation === "number" && usage.feature?.name) {
                       const price = (planPeriod === "month" ? usage.monthlyUsageBasedPrice : usage.yearlyUsageBasedPrice)?.price;
                       acc.push(
@@ -14928,7 +15267,7 @@ var Sidebar = ({
                                   children: usage.priceBehavior === "pay_in_advance" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
                                     quantity,
                                     " ",
-                                    (0, import_pluralize.default)(usage.feature.name, quantity)
+                                    getFeatureName(usage.feature, quantity)
                                   ] }) : usage.feature.name
                                 }
                               ) }),
@@ -14957,10 +15296,7 @@ var Sidebar = ({
                                       ),
                                       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("sub", { children: [
                                         "/",
-                                        (0, import_pluralize.default)(
-                                          usage.feature.name.toLowerCase(),
-                                          1
-                                        )
+                                        getFeatureName(usage.feature, 1)
                                       ] })
                                     ] })
                                   ]
@@ -14968,7 +15304,7 @@ var Sidebar = ({
                               ) })
                             ]
                           },
-                          usage.entitlementId
+                          index
                         )
                       );
                     }
@@ -14977,7 +15313,7 @@ var Sidebar = ({
                   []
                 ),
                 changedUsageBasedEntitlements.reduce(
-                  (acc, { entitlement, previous, next: next2 }) => {
+                  (acc, { entitlement, previous, next: next2 }, index) => {
                     if (entitlement?.feature?.name) {
                       acc.push(
                         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box, { children: [
@@ -15001,7 +15337,7 @@ var Sidebar = ({
                                     children: [
                                       previous.quantity,
                                       " ",
-                                      (0, import_pluralize.default)(entitlement.feature.name)
+                                      getFeatureName(entitlement.feature)
                                     ]
                                   }
                                 ) }),
@@ -15044,7 +15380,7 @@ var Sidebar = ({
                                     children: [
                                       next2.quantity,
                                       " ",
-                                      (0, import_pluralize.default)(entitlement.feature.name)
+                                      getFeatureName(entitlement.feature)
                                     ]
                                   }
                                 ) }),
@@ -15070,7 +15406,7 @@ var Sidebar = ({
                               ]
                             }
                           )
-                        ] }, entitlement.feature.id)
+                        ] }, index)
                       );
                     }
                     return acc;
@@ -15078,7 +15414,7 @@ var Sidebar = ({
                   []
                 ),
                 addedUsageBasedEntitlements.reduce(
-                  (acc, { entitlement, quantity }) => {
+                  (acc, { entitlement, quantity }, index) => {
                     if (entitlement.feature?.name) {
                       const price = (planPeriod === "month" ? entitlement.meteredMonthlyPrice : entitlement.meteredYearlyPrice)?.price;
                       acc.push(
@@ -15099,7 +15435,7 @@ var Sidebar = ({
                                   children: entitlement.priceBehavior === "pay_in_advance" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
                                     quantity,
                                     " ",
-                                    (0, import_pluralize.default)(entitlement.feature.name, quantity)
+                                    getFeatureName(entitlement.feature, quantity)
                                   ] }) : entitlement.feature.name
                                 }
                               ) }),
@@ -15128,10 +15464,7 @@ var Sidebar = ({
                                       ),
                                       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("sub", { children: [
                                         "/",
-                                        (0, import_pluralize.default)(
-                                          entitlement.feature.name.toLowerCase(),
-                                          1
-                                        )
+                                        getFeatureName(entitlement.feature, 1)
                                       ] })
                                     ] })
                                   ]
@@ -15139,7 +15472,7 @@ var Sidebar = ({
                               ) })
                             ]
                           },
-                          entitlement.id
+                          index
                         )
                       );
                     }
@@ -15209,7 +15542,7 @@ var Sidebar = ({
                     children: t2("Add-ons")
                   }
                 ) }),
-                removedAddOns.map((addOn) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                removedAddOns.map((addOn, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
                   Flex,
                   {
                     $justifyContent: "space-between",
@@ -15250,9 +15583,9 @@ var Sidebar = ({
                       ) })
                     ]
                   },
-                  addOn.id
+                  index
                 )),
-                selectedAddOns.map((addOn) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                selectedAddOns.map((addOn, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
                   Flex,
                   {
                     $justifyContent: "space-between",
@@ -15278,7 +15611,8 @@ var Sidebar = ({
                           $color: theme.typography.text.color,
                           children: [
                             formatCurrency(
-                              (planPeriod === "month" ? addOn.monthlyPrice : addOn.yearlyPrice)?.price ?? 0
+                              (planPeriod === "month" ? addOn.monthlyPrice : addOn.yearlyPrice)?.price ?? 0,
+                              (planPeriod === "month" ? addOn.monthlyPrice : addOn.yearlyPrice)?.currency
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("sub", { children: [
                               "/",
@@ -15289,7 +15623,7 @@ var Sidebar = ({
                       ) })
                     ]
                   },
-                  addOn.id
+                  index
                 ))
               ] }),
               proration !== 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
@@ -15739,7 +16073,6 @@ var Navigation = ({
 
 // src/components/shared/checkout-dialog/Plan.tsx
 var import_react22 = require("react");
-var import_pluralize2 = __toESM(require_pluralize());
 
 // src/components/elements/pricing-table/styles.ts
 var ButtonLink = dt.a`
@@ -15747,6 +16080,7 @@ var ButtonLink = dt.a`
   justify-content: center;
   align-items: center;
   flex-grow: 1;
+  height: 100%;
 `;
 
 // src/components/shared/checkout-dialog/Plan.tsx
@@ -15792,13 +16126,11 @@ var Plan = ({
       $display: "grid",
       $gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
       $gap: "1rem",
-      $flexGrow: "1",
-      children: plans.map((plan) => {
+      $flexGrow: 1,
+      children: plans.map((plan, planIndex) => {
         const count = entitlementCounts[plan.id];
-        let isExpanded = false;
-        if (count?.limit && count.limit > VISIBLE_ENTITLEMENT_COUNT) {
-          isExpanded = true;
-        }
+        const isExpanded = count.limit > VISIBLE_ENTITLEMENT_COUNT;
+        const { price: planPrice, currency: planCurrency } = (period === "month" ? plan.monthlyPrice : period === "year" && plan.yearlyPrice) || {};
         return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           Flex,
           {
@@ -15856,10 +16188,7 @@ var Plan = ({
                           $size: theme.typography.heading2.fontSize,
                           $weight: theme.typography.heading2.fontWeight,
                           $color: theme.typography.heading2.color,
-                          children: plan.custom ? plan.customPlanConfig?.priceText ? plan.customPlanConfig?.priceText : t2("Custom Plan Price") : formatCurrency(
-                            (period === "month" ? plan.monthlyPrice : plan.yearlyPrice)?.price ?? 0,
-                            (period === "month" ? plan.monthlyPrice : plan.yearlyPrice)?.currency
-                          )
+                          children: plan.custom ? plan.customPlanConfig?.priceText ? plan.customPlanConfig.priceText : t2("Custom Plan Price") : formatCurrency(planPrice ?? 0, planCurrency)
                         }
                       ),
                       !plan.custom && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -15898,88 +16227,148 @@ var Plan = ({
                 {
                   $flexDirection: "column",
                   $justifyContent: "end",
-                  $flexGrow: "1",
+                  $flexGrow: 1,
                   $gap: `${cardPadding}rem`,
                   $padding: `${0.75 * cardPadding}rem ${cardPadding}rem 0`,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { $flexDirection: "column", $gap: "1rem", $flexGrow: "1", children: [
-                      plan.entitlements.reduce((acc, entitlement) => {
-                        const hasNumericValue = entitlement.valueType === "numeric" || entitlement.valueType === "unlimited" || entitlement.valueType === "trait";
-                        let metricPeriodText;
-                        if (hasNumericValue && entitlement.metricPeriod) {
-                          metricPeriodText = {
-                            billing: t2("billing period"),
-                            current_day: t2("day"),
-                            current_month: t2("month"),
-                            current_year: t2("year")
-                          }[entitlement.metricPeriod];
-                        }
-                        const price = (period === "month" ? entitlement.meteredMonthlyPrice : entitlement.meteredYearlyPrice)?.price;
-                        const currency = (period === "month" ? entitlement.meteredMonthlyPrice : entitlement.meteredYearlyPrice)?.currency;
-                        if (entitlement.priceBehavior && typeof price !== "number") {
-                          return acc;
-                        }
-                        acc.push(
-                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                            Flex,
-                            {
-                              $flexWrap: "wrap",
-                              $justifyContent: "space-between",
-                              $alignItems: "center",
-                              $gap: "1rem",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { $gap: "1rem", children: [
-                                entitlement.feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  IconRound,
-                                  {
-                                    name: entitlement.feature.icon,
-                                    size: "sm",
-                                    colors: [
-                                      theme.primary,
-                                      isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
-                                    ]
-                                  }
-                                ),
-                                entitlement.feature?.name && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Flex, { $alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  Text,
-                                  {
-                                    $font: theme.typography.text.fontFamily,
-                                    $size: theme.typography.text.fontSize,
-                                    $weight: theme.typography.text.fontWeight,
-                                    $color: theme.typography.text.color,
-                                    children: typeof price !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                      formatCurrency(price, currency),
-                                      " ",
-                                      t2("per"),
-                                      " ",
-                                      (0, import_pluralize2.default)(entitlement.feature.name, 1),
-                                      entitlement.priceBehavior === "pay_in_advance" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                        " ",
-                                        t2("per"),
-                                        " ",
-                                        period
-                                      ] })
-                                    ] }) : hasNumericValue ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                      entitlement.valueType === "unlimited" ? t2("Unlimited", {
-                                        item: (0, import_pluralize2.default)(
-                                          entitlement.feature.name
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { $flexDirection: "column", $gap: "1rem", $flexGrow: 1, children: [
+                      plan.entitlements.reduce(
+                        (acc, entitlement, entitlementIndex) => {
+                          const hasNumericValue = entitlement.valueType === "numeric" || entitlement.valueType === "unlimited" || entitlement.valueType === "trait";
+                          let metricPeriodText;
+                          if (hasNumericValue && entitlement.metricPeriod && entitlement.priceBehavior !== "overage") {
+                            metricPeriodText = {
+                              billing: t2("billing period"),
+                              current_day: t2("day"),
+                              current_month: t2("month"),
+                              current_year: t2("year")
+                            }[entitlement.metricPeriod];
+                          }
+                          const limit = entitlement.softLimit ?? entitlement.valueNumeric;
+                          const {
+                            price: entitlementPrice,
+                            currency: entitlementCurrency
+                          } = (period === "month" ? entitlement.meteredMonthlyPrice : period === "year" && entitlement.meteredYearlyPrice) || {};
+                          if (entitlement.priceBehavior && typeof entitlementPrice !== "number") {
+                            return acc;
+                          }
+                          acc.push(
+                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                              Flex,
+                              {
+                                $flexWrap: "wrap",
+                                $justifyContent: "space-between",
+                                $alignItems: "center",
+                                $gap: "1rem",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Flex, { $gap: "1rem", children: [
+                                  entitlement.feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                    IconRound,
+                                    {
+                                      name: entitlement.feature.icon,
+                                      size: "sm",
+                                      colors: [
+                                        theme.primary,
+                                        isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
+                                      ]
+                                    }
+                                  ),
+                                  entitlement.feature?.name && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                                    Flex,
+                                    {
+                                      $flexDirection: "column",
+                                      $justifyContent: "center",
+                                      $gap: "0.5rem",
+                                      children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                          Text,
+                                          {
+                                            $font: theme.typography.text.fontFamily,
+                                            $size: theme.typography.text.fontSize,
+                                            $weight: theme.typography.text.fontWeight,
+                                            $color: theme.typography.text.color,
+                                            $leading: 1.35,
+                                            children: typeof entitlementPrice === "number" && (entitlement.priceBehavior === "pay_in_advance" || entitlement.priceBehavior === "pay_as_you_go") ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                              formatCurrency(
+                                                entitlementPrice,
+                                                entitlementCurrency
+                                              ),
+                                              " ",
+                                              t2("per"),
+                                              " ",
+                                              getFeatureName(entitlement.feature, 1),
+                                              entitlement.priceBehavior === "pay_in_advance" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                                " ",
+                                                t2("per"),
+                                                " ",
+                                                period
+                                              ] })
+                                            ] }) : hasNumericValue ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                              entitlement.valueType === "unlimited" && !entitlement.priceBehavior ? t2("Unlimited", {
+                                                item: getFeatureName(
+                                                  entitlement.feature
+                                                )
+                                              }) : typeof limit === "number" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                                formatNumber(limit),
+                                                " ",
+                                                getFeatureName(
+                                                  entitlement.feature,
+                                                  limit
+                                                )
+                                              ] }),
+                                              metricPeriodText ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                                " ",
+                                                t2("per"),
+                                                " ",
+                                                metricPeriodText
+                                              ] }) : entitlement.priceBehavior === "overage" && entitlement.feature.featureType === "event" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                                "/",
+                                                shortenPeriod(period)
+                                              ] })
+                                            ] }) : entitlement.feature.name
+                                          }
+                                        ),
+                                        entitlement.priceBehavior === "overage" && typeof entitlementPrice === "number" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                                          Text,
+                                          {
+                                            $font: theme.typography.text.fontFamily,
+                                            $size: 0.875 * theme.typography.text.fontSize,
+                                            $weight: theme.typography.text.fontWeight,
+                                            $color: hexToHSL(theme.typography.text.color).l > 50 ? darken(
+                                              theme.typography.text.color,
+                                              0.46
+                                            ) : lighten(
+                                              theme.typography.text.color,
+                                              0.46
+                                            ),
+                                            $leading: 1.35,
+                                            children: [
+                                              formatCurrency(
+                                                entitlementPrice,
+                                                entitlementCurrency
+                                              ),
+                                              "/",
+                                              getFeatureName(entitlement.feature, 1),
+                                              entitlement.feature.featureType === "trait" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                                                "/",
+                                                shortenPeriod(period)
+                                              ] }),
+                                              " ",
+                                              t2("overage fee")
+                                            ]
+                                          }
                                         )
-                                      }) : typeof entitlement.valueNumeric === "number" && `${formatNumber(entitlement.valueNumeric)} ${(0, import_pluralize2.default)(entitlement.feature.name, entitlement.valueNumeric)}`,
-                                      metricPeriodText && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                        " ",
-                                        t2("per"),
-                                        " ",
-                                        metricPeriodText
-                                      ] })
-                                    ] }) : entitlement.feature.name
-                                  }
-                                ) })
-                              ] })
-                            },
-                            entitlement.id
-                          )
-                        );
-                        return acc;
-                      }, []).slice(0, count?.limit ?? VISIBLE_ENTITLEMENT_COUNT),
+                                      ]
+                                    }
+                                  )
+                                ] })
+                              },
+                              entitlementIndex
+                            )
+                          );
+                          return acc;
+                        },
+                        []
+                      ).slice(0, count?.limit ?? VISIBLE_ENTITLEMENT_COUNT),
                       (count?.size || plan.entitlements.length) > VISIBLE_ENTITLEMENT_COUNT && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                         Flex,
                         {
@@ -16006,8 +16395,8 @@ var Plan = ({
                                 $font: theme.typography.link.fontFamily,
                                 $size: theme.typography.link.fontSize,
                                 $weight: theme.typography.link.fontWeight,
-                                $leading: 1,
                                 $color: theme.typography.link.color,
+                                $leading: 1,
                                 style: { cursor: "pointer" },
                                 children: isExpanded ? t2("Hide all") : t2("See all")
                               }
@@ -16038,9 +16427,11 @@ var Plan = ({
                           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                             Text,
                             {
-                              $size: 15,
-                              $leading: 1,
+                              $font: theme.typography.text.fontFamily,
+                              $size: 15 / 16 * theme.typography.text.fontSize,
+                              $weight: theme.typography.text.fontWeight,
                               $color: theme.typography.text.color,
+                              $leading: 1,
                               children: plan.current ? t2("Current plan") : t2("Selected")
                             }
                           )
@@ -16085,7 +16476,7 @@ var Plan = ({
               )
             ]
           },
-          plan.id
+          planIndex
         );
       })
     }
@@ -16105,7 +16496,7 @@ var AddOns = ({ addOns, toggle, isLoading, period }) => {
       $display: "grid",
       $gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
       $gap: "1rem",
-      children: addOns.map((addOn) => {
+      children: addOns.map((addOn, index) => {
         return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           Flex,
           {
@@ -16221,7 +16612,7 @@ var AddOns = ({ addOns, toggle, isLoading, period }) => {
               ) })
             ]
           },
-          addOn.id
+          index
         );
       })
     }
@@ -16229,7 +16620,6 @@ var AddOns = ({ addOns, toggle, isLoading, period }) => {
 };
 
 // src/components/shared/checkout-dialog/Usage.tsx
-var import_pluralize3 = __toESM(require_pluralize());
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var Usage = ({ entitlements, updateQuantity, period }) => {
   const theme = nt();
@@ -16238,7 +16628,7 @@ var Usage = ({ entitlements, updateQuantity, period }) => {
   const unitPriceFontSize = 0.875 * theme.typography.text.fontSize;
   const unitPriceColor = hexToHSL(theme.typography.text.color).l > 50 ? darken(theme.typography.text.color, 0.46) : lighten(theme.typography.text.color, 0.46);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Flex, { $flexDirection: "column", $gap: "1rem", children: entitlements.reduce(
-    (acc, { entitlement, quantity, usage }) => {
+    (acc, { entitlement, quantity, usage }, index) => {
       if (entitlement.priceBehavior === "pay_in_advance" && entitlement.feature) {
         acc.push(
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
@@ -16321,9 +16711,7 @@ var Usage = ({ entitlements, updateQuantity, period }) => {
                             ] }),
                             t2("Currently using", {
                               quantity: usage,
-                              unit: (0, import_pluralize3.default)(
-                                entitlement.feature.name.toLowerCase()
-                              )
+                              unit: getFeatureName(entitlement.feature)
                             })
                           ]
                         }
@@ -16370,7 +16758,7 @@ var Usage = ({ entitlements, updateQuantity, period }) => {
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("sub", { children: [
                               "/",
-                              (0, import_pluralize3.default)(entitlement.feature.name.toLowerCase(), 1),
+                              getFeatureName(entitlement.feature, 1),
                               "/",
                               shortenPeriod(period)
                             ] })
@@ -16382,7 +16770,7 @@ var Usage = ({ entitlements, updateQuantity, period }) => {
                 )
               ]
             },
-            entitlement.id
+            index
           )
         );
       }
@@ -16396,12 +16784,12 @@ var Usage = ({ entitlements, updateQuantity, period }) => {
 var import_react23 = require("react");
 
 // node_modules/@stripe/stripe-js/dist/index.mjs
-var RELEASE_TRAIN = "v3";
+var RELEASE_TRAIN = "acacia";
 var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion2(version) {
   return version === 3 ? "v3" : version;
 };
 var ORIGIN = "https://js.stripe.com";
-var STRIPE_JS_URL = "".concat(ORIGIN, "/v3");
+var STRIPE_JS_URL = "".concat(ORIGIN, "/").concat(RELEASE_TRAIN, "/stripe.js");
 var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
 var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 var EXISTING_SCRIPT_MESSAGE = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";
@@ -16436,7 +16824,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "5.10.0",
+    version: "6.1.0",
     startTime
   });
 };
@@ -16511,7 +16899,7 @@ var initStripe = function initStripe2(maybeStripe, args, startTime) {
   var version = runtimeVersionToUrlVersion(maybeStripe.version);
   var expectedVersion = RELEASE_TRAIN;
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("5.10.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("6.1.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
   var stripe = maybeStripe.apply(void 0, args);
   registerWrapper(stripe, startTime);
@@ -16621,7 +17009,16 @@ var Checkout = ({
         clientSecret: setupIntent.setupIntentClientSecret
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Box, { $width: "100%", $marginBottom: "1.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { $size: 18, children: t2("Add payment method") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Box, { $width: "100%", $marginBottom: "1.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Text,
+          {
+            $font: theme.typography.text.fontFamily,
+            $size: 18,
+            $weight: theme.typography.text.fontWeight,
+            $color: theme.typography.text.color,
+            children: t2("Add payment method")
+          }
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           PaymentForm,
           {
@@ -16706,8 +17103,8 @@ var Checkout = ({
                 $font: theme.typography.link.fontFamily,
                 $size: theme.typography.link.fontSize,
                 $weight: theme.typography.link.fontWeight,
-                $leading: 1,
                 $color: theme.typography.link.color,
+                $leading: 1,
                 children: t2("Apply discount")
               }
             ) })
@@ -17216,6 +17613,7 @@ var import_react_stripe_js2 = require("@stripe/react-stripe-js");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var PaymentForm = ({ onConfirm }) => {
   const { t: t2 } = useTranslation();
+  const theme = nt();
   const stripe = (0, import_react_stripe_js2.useStripe)();
   const elements = (0, import_react_stripe_js2.useElements)();
   const { api } = useEmbed();
@@ -17277,7 +17675,17 @@ var PaymentForm = ({ onConfirm }) => {
             children: isLoading ? t2("Loading") : t2("Save payment method")
           }
         ),
-        message && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Box, { $margin: "1rem 0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { id: "payment-message", $size: 15, $weight: 500, $color: "#DB6669", children: message }) })
+        message && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Box, { $margin: "1rem 0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          Text,
+          {
+            id: "payment-message",
+            $font: theme.typography.text.fontFamily,
+            $size: 15,
+            $weight: 500,
+            $color: "#DB6669",
+            children: message
+          }
+        ) })
       ]
     }
   );
@@ -17593,103 +18001,112 @@ var UnsubscribeDialog = ({ top = 0 }) => {
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var Badge = () => {
   const { t: t2 } = useTranslation();
+  const theme = nt();
   const { settings } = useEmbed();
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     Flex,
     {
+      as: "a",
+      href: "https://schematichq.com?utm_source=schematic_component_badge",
+      target: "_blank",
+      rel: "noreferrer",
       $justifyContent: settings.badge?.alignment || "start",
       $alignItems: "center",
+      $gap: "0.5rem",
       $gridColumn: "1 / -1",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Box, { $fontSize: "0.75rem", $marginRight: "0.5rem", children: t2("Powered by") }),
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          "svg",
+          Text,
           {
-            width: 86,
-            height: 16,
-            viewBox: "0 0 86 16",
-            style: { marginTop: "0.125rem" },
+            $font: theme.typography.text.fontFamily,
+            $size: 0.75 * theme.typography.text.fontSize,
+            $weight: theme.typography.text.fontWeight,
+            $color: theme.typography.text.color,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M21.2354 6.16227C21.1796 5.95015 21.0494 5.76779 20.8261 5.61893C20.6028 5.46635 20.3423 5.39564 20.0408 5.39564C19.3151 5.39564 18.7941 5.69708 18.7941 6.2367C18.7941 6.49721 18.9095 6.69073 19.1402 6.81726C19.3635 6.94379 19.732 7.07033 20.2344 7.18569C21.0084 7.37177 21.4922 7.51691 21.9686 7.7402C22.203 7.85557 22.3928 7.97465 22.5305 8.10863C22.7948 8.3803 22.9548 8.74501 22.9362 9.20276C22.9176 9.86147 22.6571 10.375 22.1547 10.7397C21.6523 11.1082 20.9563 11.2905 20.0818 11.2905C19.2072 11.2905 18.5597 11.1268 18.0312 10.8067C17.5065 10.4867 17.2013 10.0215 17.1194 9.41116L18.6192 9.27719C18.6974 9.57491 18.8723 9.7982 19.1514 9.94706C19.4305 10.0959 19.7394 10.1778 20.0818 10.1778C20.4614 10.1778 20.7777 10.0996 21.0308 9.9359C21.2838 9.77959 21.4104 9.56002 21.4104 9.28835C21.4104 8.90876 21.0531 8.61104 20.5991 8.43613C20.3683 8.35053 20.0855 8.27238 19.7468 8.19423C19.2705 8.07886 18.8946 7.97094 18.6155 7.87418C18.3364 7.78486 18.0908 7.66205 17.8712 7.51319C17.4358 7.21547 17.2832 6.8247 17.2832 6.2367C17.2832 5.61521 17.5325 5.13141 18.0312 4.79648C18.5262 4.46526 19.2035 4.29407 20.0669 4.29407C21.5853 4.29407 22.5752 4.9044 22.7389 6.05807L21.228 6.16227H21.2354Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M29.4145 8.9796L30.7803 9.55271C30.49 10.0923 30.0621 10.5129 29.5001 10.8217C28.9382 11.1344 28.3167 11.2944 27.6319 11.2944C26.9472 11.2944 26.3629 11.1567 25.8121 10.8701C25.2613 10.5873 24.8147 10.1742 24.4835 9.6383C24.1523 9.09868 23.9811 8.48835 23.9811 7.79987C23.9811 7.11138 24.1486 6.49361 24.4835 5.95771C24.8147 5.41809 25.2613 5.00873 25.8121 4.72589C26.3629 4.44305 26.9732 4.30164 27.6319 4.30164C28.2906 4.30164 28.9382 4.45794 29.5038 4.77427C30.0658 5.08688 30.4938 5.51113 30.7803 6.05075L29.4145 6.62015C29.0535 5.93539 28.3985 5.56323 27.6319 5.56323C27.0327 5.56323 26.5303 5.77536 26.1135 6.19961C25.6967 6.62387 25.492 7.15977 25.492 7.80731C25.492 8.45486 25.6967 8.99076 26.1135 9.40757C26.5303 9.83182 27.0327 10.0439 27.6319 10.0439C28.3985 10.0439 29.0535 9.66807 29.4145 8.98703V8.9796Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M37.4386 11.2049V7.80341C37.4386 6.35945 36.9139 5.59282 35.697 5.59282C35.0978 5.59282 34.614 5.7975 34.2419 6.21059C33.8623 6.61996 33.6725 7.15214 33.6725 7.80713V11.2086H32.1615V1.9234H33.6725V5.47745C34.1004 4.73315 35.001 4.29773 36.1919 4.29773C37.167 4.29773 37.8666 4.59917 38.302 5.19834C38.7375 5.7975 38.9533 6.66834 38.9533 7.80341V11.2049H37.4349H37.4386Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M46.5692 5.38819C47.2167 6.07295 47.5777 7.1187 47.5107 8.30587H41.8242C41.9284 8.83805 42.1741 9.26602 42.5611 9.59352C42.9481 9.92473 43.4022 10.0885 43.9157 10.0885C44.8052 10.0885 45.5234 9.59724 45.8844 8.78222L47.1795 9.40372C46.8818 9.99172 46.4352 10.4495 45.8509 10.7881C45.2629 11.1268 44.6191 11.2943 43.9157 11.2943C42.9295 11.2943 42.0178 10.9444 41.3516 10.3453C40.6855 9.7461 40.2649 8.83432 40.2649 7.79602C40.2649 6.75771 40.6892 5.84222 41.3516 5.23933C42.0178 4.64017 42.9295 4.29034 43.9157 4.29034C44.9801 4.29034 45.9216 4.69971 46.5692 5.38447V5.38819ZM42.5388 6.00224C42.1592 6.32974 41.921 6.75772 41.8205 7.29734H46.0221C45.9179 6.75772 45.6835 6.3223 45.3039 5.99852C44.9243 5.67847 44.4628 5.51473 43.9195 5.51473C43.3761 5.51473 42.9221 5.67847 42.5425 6.00597L42.5388 6.00224Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M59.7699 5.23933C60.1495 5.86827 60.3132 6.68329 60.3132 7.80347V11.2049H58.8023V7.80347C58.8023 6.35952 58.3371 5.59288 57.2318 5.59288C56.6438 5.59288 56.1861 5.79384 55.8586 6.19577C55.5311 6.60141 55.3673 7.13731 55.3673 7.80347V11.2049H53.8489V7.80347C53.8489 6.35952 53.3838 5.59288 52.2785 5.59288C51.6905 5.59288 51.2327 5.79384 50.9052 6.19577C50.574 6.60141 50.4102 7.13731 50.4102 7.80347V11.2049H48.8993V4.39827H50.3433L50.4102 5.47379C50.8196 4.65878 51.5825 4.29407 52.8106 4.29407C53.9606 4.29407 54.7161 4.78531 55.077 5.76407C55.5199 4.81508 56.4428 4.29407 57.7677 4.29407C58.7093 4.29407 59.3829 4.61412 59.7699 5.23562V5.23933Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M67.4264 5.47382L67.4934 4.3983H68.9373V11.205H67.4934L67.4264 10.1294C67.0282 10.9147 66.1797 11.3092 64.8809 11.3017C63.102 11.3427 61.591 9.79823 61.6283 7.8035C61.591 5.8162 63.102 4.2606 64.8809 4.29782C66.0643 4.29782 67.0096 4.7444 67.4264 5.47754V5.47382ZM66.8049 9.37398C67.2217 8.95717 67.4264 8.43243 67.4264 7.79605C67.4264 7.15967 67.2217 6.64238 66.8049 6.21813C66.3881 5.80132 65.8782 5.58919 65.2828 5.58919C64.6874 5.58919 64.1887 5.80132 63.7719 6.21813C63.355 6.64238 63.1504 7.16711 63.1504 7.79605C63.1504 8.42499 63.355 8.95717 63.7719 9.37398C64.1887 9.79823 64.6911 10.0104 65.2828 10.0104C65.8745 10.0104 66.3881 9.79823 66.8049 9.37398Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M71.3891 2.85757H72.8926V4.39828H74.6455V5.58172H72.8926V8.9683C72.8926 9.5898 73.1048 9.90985 73.5923 9.96568C73.89 10.0252 74.2398 10.0141 74.6455 9.9359V11.1863C74.1989 11.257 73.7858 11.2943 73.4062 11.2943C72.6731 11.2943 72.1595 11.1082 71.8543 10.7323C71.5454 10.3639 71.3891 9.79076 71.3891 9.02041V5.58172H70.4215V4.39828H71.3891V2.85757Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M76.1747 3.15526C75.9923 2.98035 75.903 2.76078 75.903 2.50772C75.903 2.25466 75.9923 2.04997 76.1747 1.86762C76.3496 1.69271 76.5691 1.60339 76.8222 1.60339C77.0753 1.60339 77.2874 1.69271 77.4623 1.86762C77.6372 2.04997 77.7265 2.2621 77.7265 2.50772C77.7265 2.75334 77.6372 2.97291 77.4623 3.15526C77.2874 3.33762 77.0678 3.42694 76.8222 3.42694C76.5766 3.42694 76.3496 3.33762 76.1747 3.15526ZM76.0593 4.39826H77.5777V11.2049H76.0593V4.39826Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M84.3023 8.9796L85.6681 9.55271C85.3778 10.0923 84.9498 10.5129 84.3879 10.8217C83.8259 11.1344 83.2044 11.2944 82.5197 11.2944C81.8349 11.2944 81.2506 11.1567 80.6998 10.8701C80.1491 10.5873 79.7025 10.1742 79.3713 9.6383C79.04 9.09868 78.8689 8.48835 78.8689 7.79987C78.8689 7.11138 79.0363 6.49361 79.3713 5.95771C79.7025 5.41809 80.1528 5.00873 80.6998 4.72589C81.2469 4.44305 81.8609 4.30164 82.5197 4.30164C83.1784 4.30164 83.8259 4.45794 84.3916 4.77427C84.9535 5.08688 85.3815 5.51113 85.6681 6.05075L84.3023 6.62015C83.9413 5.93539 83.2863 5.56323 82.5197 5.56323C81.9205 5.56323 81.4181 5.77536 81.0013 6.19961C80.5845 6.62387 80.3798 7.15977 80.3798 7.80731C80.3798 8.45486 80.5845 8.99076 81.0013 9.40757C81.4181 9.83182 81.9205 10.0439 82.5197 10.0439C83.2863 10.0439 83.9413 9.66807 84.3023 8.98703V8.9796Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M5.93091 10.8141L7.2758 9.41753L3.83719 5.84667C2.98568 4.9624 2.98568 3.52157 3.83719 2.63731C4.68871 1.75305 6.07617 1.75305 6.92769 2.63731L10.3663 6.20817L11.7112 4.81156L8.27258 1.24069C6.67975 -0.413401 4.08513 -0.413401 2.4923 1.24069C0.899472 2.89479 0.899472 5.58919 2.4923 7.24328L5.93091 10.8141Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                "path",
-                {
-                  d: "M6.05827 3.54751C5.68761 3.1626 5.08404 3.1626 4.71338 3.54751C4.34272 3.93243 4.34272 4.55921 4.71338 4.94413L9.02103 9.41746L5.93054 12.6268L1.62288 8.15349C1.25223 7.76857 0.648653 7.76857 0.277994 8.15349C-0.0926647 8.5384 -0.0926647 9.16519 0.277994 9.5501L5.93054 15.4201L11.7108 9.41746L6.05827 3.54751Z",
-                  fill: "currentColor"
-                }
-              )
+              t2("Powered by"),
+              " "
             ]
           }
-        )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { viewBox: "0 0 86 16", width: 86, height: 16, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M21.2354 6.16227C21.1796 5.95015 21.0494 5.76779 20.8261 5.61893C20.6028 5.46635 20.3423 5.39564 20.0408 5.39564C19.3151 5.39564 18.7941 5.69708 18.7941 6.2367C18.7941 6.49721 18.9095 6.69073 19.1402 6.81726C19.3635 6.94379 19.732 7.07033 20.2344 7.18569C21.0084 7.37177 21.4922 7.51691 21.9686 7.7402C22.203 7.85557 22.3928 7.97465 22.5305 8.10863C22.7948 8.3803 22.9548 8.74501 22.9362 9.20276C22.9176 9.86147 22.6571 10.375 22.1547 10.7397C21.6523 11.1082 20.9563 11.2905 20.0818 11.2905C19.2072 11.2905 18.5597 11.1268 18.0312 10.8067C17.5065 10.4867 17.2013 10.0215 17.1194 9.41116L18.6192 9.27719C18.6974 9.57491 18.8723 9.7982 19.1514 9.94706C19.4305 10.0959 19.7394 10.1778 20.0818 10.1778C20.4614 10.1778 20.7777 10.0996 21.0308 9.9359C21.2838 9.77959 21.4104 9.56002 21.4104 9.28835C21.4104 8.90876 21.0531 8.61104 20.5991 8.43613C20.3683 8.35053 20.0855 8.27238 19.7468 8.19423C19.2705 8.07886 18.8946 7.97094 18.6155 7.87418C18.3364 7.78486 18.0908 7.66205 17.8712 7.51319C17.4358 7.21547 17.2832 6.8247 17.2832 6.2367C17.2832 5.61521 17.5325 5.13141 18.0312 4.79648C18.5262 4.46526 19.2035 4.29407 20.0669 4.29407C21.5853 4.29407 22.5752 4.9044 22.7389 6.05807L21.228 6.16227H21.2354Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M29.4145 8.9796L30.7803 9.55271C30.49 10.0923 30.0621 10.5129 29.5001 10.8217C28.9382 11.1344 28.3167 11.2944 27.6319 11.2944C26.9472 11.2944 26.3629 11.1567 25.8121 10.8701C25.2613 10.5873 24.8147 10.1742 24.4835 9.6383C24.1523 9.09868 23.9811 8.48835 23.9811 7.79987C23.9811 7.11138 24.1486 6.49361 24.4835 5.95771C24.8147 5.41809 25.2613 5.00873 25.8121 4.72589C26.3629 4.44305 26.9732 4.30164 27.6319 4.30164C28.2906 4.30164 28.9382 4.45794 29.5038 4.77427C30.0658 5.08688 30.4938 5.51113 30.7803 6.05075L29.4145 6.62015C29.0535 5.93539 28.3985 5.56323 27.6319 5.56323C27.0327 5.56323 26.5303 5.77536 26.1135 6.19961C25.6967 6.62387 25.492 7.15977 25.492 7.80731C25.492 8.45486 25.6967 8.99076 26.1135 9.40757C26.5303 9.83182 27.0327 10.0439 27.6319 10.0439C28.3985 10.0439 29.0535 9.66807 29.4145 8.98703V8.9796Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M37.4386 11.2049V7.80341C37.4386 6.35945 36.9139 5.59282 35.697 5.59282C35.0978 5.59282 34.614 5.7975 34.2419 6.21059C33.8623 6.61996 33.6725 7.15214 33.6725 7.80713V11.2086H32.1615V1.9234H33.6725V5.47745C34.1004 4.73315 35.001 4.29773 36.1919 4.29773C37.167 4.29773 37.8666 4.59917 38.302 5.19834C38.7375 5.7975 38.9533 6.66834 38.9533 7.80341V11.2049H37.4349H37.4386Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M46.5692 5.38819C47.2167 6.07295 47.5777 7.1187 47.5107 8.30587H41.8242C41.9284 8.83805 42.1741 9.26602 42.5611 9.59352C42.9481 9.92473 43.4022 10.0885 43.9157 10.0885C44.8052 10.0885 45.5234 9.59724 45.8844 8.78222L47.1795 9.40372C46.8818 9.99172 46.4352 10.4495 45.8509 10.7881C45.2629 11.1268 44.6191 11.2943 43.9157 11.2943C42.9295 11.2943 42.0178 10.9444 41.3516 10.3453C40.6855 9.7461 40.2649 8.83432 40.2649 7.79602C40.2649 6.75771 40.6892 5.84222 41.3516 5.23933C42.0178 4.64017 42.9295 4.29034 43.9157 4.29034C44.9801 4.29034 45.9216 4.69971 46.5692 5.38447V5.38819ZM42.5388 6.00224C42.1592 6.32974 41.921 6.75772 41.8205 7.29734H46.0221C45.9179 6.75772 45.6835 6.3223 45.3039 5.99852C44.9243 5.67847 44.4628 5.51473 43.9195 5.51473C43.3761 5.51473 42.9221 5.67847 42.5425 6.00597L42.5388 6.00224Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M59.7699 5.23933C60.1495 5.86827 60.3132 6.68329 60.3132 7.80347V11.2049H58.8023V7.80347C58.8023 6.35952 58.3371 5.59288 57.2318 5.59288C56.6438 5.59288 56.1861 5.79384 55.8586 6.19577C55.5311 6.60141 55.3673 7.13731 55.3673 7.80347V11.2049H53.8489V7.80347C53.8489 6.35952 53.3838 5.59288 52.2785 5.59288C51.6905 5.59288 51.2327 5.79384 50.9052 6.19577C50.574 6.60141 50.4102 7.13731 50.4102 7.80347V11.2049H48.8993V4.39827H50.3433L50.4102 5.47379C50.8196 4.65878 51.5825 4.29407 52.8106 4.29407C53.9606 4.29407 54.7161 4.78531 55.077 5.76407C55.5199 4.81508 56.4428 4.29407 57.7677 4.29407C58.7093 4.29407 59.3829 4.61412 59.7699 5.23562V5.23933Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M67.4264 5.47382L67.4934 4.3983H68.9373V11.205H67.4934L67.4264 10.1294C67.0282 10.9147 66.1797 11.3092 64.8809 11.3017C63.102 11.3427 61.591 9.79823 61.6283 7.8035C61.591 5.8162 63.102 4.2606 64.8809 4.29782C66.0643 4.29782 67.0096 4.7444 67.4264 5.47754V5.47382ZM66.8049 9.37398C67.2217 8.95717 67.4264 8.43243 67.4264 7.79605C67.4264 7.15967 67.2217 6.64238 66.8049 6.21813C66.3881 5.80132 65.8782 5.58919 65.2828 5.58919C64.6874 5.58919 64.1887 5.80132 63.7719 6.21813C63.355 6.64238 63.1504 7.16711 63.1504 7.79605C63.1504 8.42499 63.355 8.95717 63.7719 9.37398C64.1887 9.79823 64.6911 10.0104 65.2828 10.0104C65.8745 10.0104 66.3881 9.79823 66.8049 9.37398Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M71.3891 2.85757H72.8926V4.39828H74.6455V5.58172H72.8926V8.9683C72.8926 9.5898 73.1048 9.90985 73.5923 9.96568C73.89 10.0252 74.2398 10.0141 74.6455 9.9359V11.1863C74.1989 11.257 73.7858 11.2943 73.4062 11.2943C72.6731 11.2943 72.1595 11.1082 71.8543 10.7323C71.5454 10.3639 71.3891 9.79076 71.3891 9.02041V5.58172H70.4215V4.39828H71.3891V2.85757Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M76.1747 3.15526C75.9923 2.98035 75.903 2.76078 75.903 2.50772C75.903 2.25466 75.9923 2.04997 76.1747 1.86762C76.3496 1.69271 76.5691 1.60339 76.8222 1.60339C77.0753 1.60339 77.2874 1.69271 77.4623 1.86762C77.6372 2.04997 77.7265 2.2621 77.7265 2.50772C77.7265 2.75334 77.6372 2.97291 77.4623 3.15526C77.2874 3.33762 77.0678 3.42694 76.8222 3.42694C76.5766 3.42694 76.3496 3.33762 76.1747 3.15526ZM76.0593 4.39826H77.5777V11.2049H76.0593V4.39826Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M84.3023 8.9796L85.6681 9.55271C85.3778 10.0923 84.9498 10.5129 84.3879 10.8217C83.8259 11.1344 83.2044 11.2944 82.5197 11.2944C81.8349 11.2944 81.2506 11.1567 80.6998 10.8701C80.1491 10.5873 79.7025 10.1742 79.3713 9.6383C79.04 9.09868 78.8689 8.48835 78.8689 7.79987C78.8689 7.11138 79.0363 6.49361 79.3713 5.95771C79.7025 5.41809 80.1528 5.00873 80.6998 4.72589C81.2469 4.44305 81.8609 4.30164 82.5197 4.30164C83.1784 4.30164 83.8259 4.45794 84.3916 4.77427C84.9535 5.08688 85.3815 5.51113 85.6681 6.05075L84.3023 6.62015C83.9413 5.93539 83.2863 5.56323 82.5197 5.56323C81.9205 5.56323 81.4181 5.77536 81.0013 6.19961C80.5845 6.62387 80.3798 7.15977 80.3798 7.80731C80.3798 8.45486 80.5845 8.99076 81.0013 9.40757C81.4181 9.83182 81.9205 10.0439 82.5197 10.0439C83.2863 10.0439 83.9413 9.66807 84.3023 8.98703V8.9796Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M5.93091 10.8141L7.2758 9.41753L3.83719 5.84667C2.98568 4.9624 2.98568 3.52157 3.83719 2.63731C4.68871 1.75305 6.07617 1.75305 6.92769 2.63731L10.3663 6.20817L11.7112 4.81156L8.27258 1.24069C6.67975 -0.413401 4.08513 -0.413401 2.4923 1.24069C0.899472 2.89479 0.899472 5.58919 2.4923 7.24328L5.93091 10.8141Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "path",
+            {
+              d: "M6.05827 3.54751C5.68761 3.1626 5.08404 3.1626 4.71338 3.54751C4.34272 3.93243 4.34272 4.55921 4.71338 4.94413L9.02103 9.41746L5.93054 12.6268L1.62288 8.15349C1.25223 7.76857 0.648653 7.76857 0.277994 8.15349C-0.0926647 8.5384 -0.0926647 9.16519 0.277994 9.5501L5.93054 15.4201L11.7108 9.41746L6.05827 3.54751Z",
+              fill: "currentColor"
+            }
+          )
+        ] })
       ]
     }
   );
@@ -17746,9 +18163,9 @@ var RenderLayout = ({ children }) => {
 
 // src/components/layout/viewport/styles.ts
 var StyledViewport = dt(Box).attrs(({ theme }) => ({
-  $gridTemplateColumns: `repeat(auto-fit, minmax(300px, 1fr))`,
+  $gridTemplateColumns: "repeat(1, minmax(300px, 1fr))",
   $viewport: {
-    xl: {
+    md: {
       $gridTemplateColumns: `repeat(${theme.numberOfColumns}, minmax(300px, 1fr))`
     }
   }
@@ -17766,7 +18183,7 @@ var StyledViewport = dt(Box).attrs(({ theme }) => ({
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var Viewport = (0, import_react28.forwardRef)(
   ({ children, portal, ...props }, ref) => {
-    const { data, layout } = useEmbed();
+    const { data, layout, settings } = useEmbed();
     const [top, setTop] = (0, import_react28.useState)(0);
     const canCheckout = data.capabilities?.checkout ?? true;
     (0, import_react28.useLayoutEffect)(() => {
@@ -17784,7 +18201,7 @@ var Viewport = (0, import_react28.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(StyledViewport, { ref, ...props, children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RenderLayout, { children }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, {})
+        (!data.capabilities?.badgeVisibility || settings.badge?.visibility !== "hidden") && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, {})
       ] }),
       canCheckout && layout === "checkout" && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckoutDialog, { top }), portal || document.body),
       layout === "unsubscribe" && (0, import_react_dom2.createPortal)(
@@ -17812,14 +18229,7 @@ var StyledCard = dt.div(({ theme }) => {
   const borderRadius = `${theme.card.borderRadius / TEXT_BASE_SIZE}rem`;
   return lt`
     position: relative;
-    box-sizing: border-box;
-    font-size: ${TEXT_BASE_SIZE}px;
-
-    *,
-    *::before,
-    *::after {
-      box-sizing: inherit;
-    }
+    overflow: hidden;
 
     ${theme.sectionLayout === "merged" ? `&:not(:has(${FussyChild}))` : `${Element}:not(:is(${FussyChild}))`} {
       color: ${theme.typography.text.color};
@@ -17889,7 +18299,6 @@ Column.displayName = "Column";
 
 // src/components/elements/included-features/Details.tsx
 var import_react31 = require("react");
-var import_pluralize4 = __toESM(require_pluralize());
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var Details = ({
   details,
@@ -17900,11 +18309,12 @@ var Details = ({
   const {
     allocation,
     feature,
+    priceBehavior,
     usage,
+    softLimit,
     monthlyUsageBasedPrice,
     yearlyUsageBasedPrice
   } = featureUsage || {};
-  const { priceBehavior } = usageData || {};
   const { t: t2 } = useTranslation();
   const theme = nt();
   const { data } = useEmbed();
@@ -17933,38 +18343,45 @@ var Details = ({
     yearlyUsageBasedPrice
   ]);
   const text = (0, import_react31.useMemo)(() => {
-    if (!feature?.name) {
+    if (!feature) {
       return;
     }
     if (priceBehavior === "pay_in_advance" && typeof allocation === "number") {
-      return `${formatNumber(allocation)} ${(0, import_pluralize4.default)(feature.name, allocation)}`;
+      return `${formatNumber(allocation)} ${getFeatureName(feature, allocation)}`;
     }
     if (priceBehavior === "pay_as_you_go" && typeof price === "number") {
-      return `${formatCurrency(price, currency)} ${t2("per")} ${(0, import_pluralize4.default)(feature.name.toLowerCase(), 1)}`;
+      return `${formatCurrency(price, currency)} ${t2("per")} ${getFeatureName(feature, 1)}`;
+    }
+    if (priceBehavior === "overage" && typeof softLimit === "number") {
+      return `${formatNumber(softLimit)} ${getFeatureName(feature, softLimit)}`;
     }
     if (!priceBehavior && typeof allocation === "number") {
-      return `${formatNumber(allocation)} ${(0, import_pluralize4.default)(feature.name, allocation)}`;
+      return `${formatNumber(allocation)} ${getFeatureName(feature, allocation)}`;
     }
     if (!priceBehavior) {
-      return t2("Unlimited", { item: (0, import_pluralize4.default)(feature.name) });
+      return t2("Unlimited", { item: getFeatureName(feature) });
     }
-  }, [t2, allocation, feature?.name, price, priceBehavior, currency]);
+  }, [t2, allocation, feature, price, priceBehavior, currency, softLimit]);
   const usageText = (0, import_react31.useMemo)(() => {
-    if (!feature?.name) {
+    if (!feature) {
       return;
     }
     if (usageData) {
       let acc;
       if (priceBehavior === "pay_in_advance" && typeof data.company?.plan?.planPeriod === "string" && typeof price === "number") {
-        acc = `${formatCurrency(price, currency)}/${(0, import_pluralize4.default)(feature.name.toLowerCase(), 1)}/${shortenPeriod(data.company.plan.planPeriod)}`;
-      } else if (priceBehavior === "pay_as_you_go" && typeof usage === "number") {
-        acc = `${usage} ${(0, import_pluralize4.default)(feature.name.toLowerCase(), usage)} ${t2("used")}`;
+        acc = `${formatCurrency(price, currency)}/${getFeatureName(feature, 1)}/${shortenPeriod(data.company.plan.planPeriod)}`;
+      } else if ((priceBehavior === "pay_as_you_go" || priceBehavior === "overage") && typeof usage === "number") {
+        acc = `${usage} ${getFeatureName(feature, usage)} ${t2("used")}`;
       }
       if (acc) {
-        if (usageData?.priceBehavior === "pay_in_advance" && typeof price === "number" && typeof allocation === "number") {
+        if (priceBehavior === "pay_in_advance" && typeof price === "number" && typeof allocation === "number") {
           acc += ` \u2022 ${formatCurrency(price * allocation, currency)}`;
-        } else if (usageData?.priceBehavior === "pay_as_you_go" && typeof price === "number" && typeof usage === "number") {
+        } else if (priceBehavior === "pay_as_you_go" && typeof price === "number" && typeof usage === "number") {
           acc += ` \u2022 ${formatCurrency(price * usage, currency)}`;
+        } else if (priceBehavior === "overage" && typeof price === "number" && typeof usage === "number" && typeof softLimit === "number") {
+          const cost = price * (usage - softLimit);
+          const period = feature.featureType === "event" && typeof data.company?.plan?.planPeriod === "string" ? `/${shortenPeriod(data.company.plan.planPeriod)}` : "";
+          acc += cost > 0 ? ` \u2022 ${t2("Overage")}: ${formatCurrency(cost)}${period}` : ` \u2022 ${`${formatCurrency(price)}/${getFeatureName(feature, 1)}`} ${t2("overage fee")}`;
         }
         return acc;
       }
@@ -17979,14 +18396,15 @@ var Details = ({
     }
   }, [
     t2,
-    allocation,
     data.company?.plan?.planPeriod,
-    feature?.name,
-    price,
+    feature,
     priceBehavior,
+    allocation,
+    price,
+    currency,
+    softLimit,
     usage,
-    usageData,
-    currency
+    usageData
   ]);
   if (!text) {
     return null;
@@ -18004,8 +18422,8 @@ var Details = ({
             $font: theme.typography[props.entitlement.fontStyle].fontFamily,
             $size: theme.typography[props.entitlement.fontStyle].fontSize,
             $weight: theme.typography[props.entitlement.fontStyle].fontWeight,
-            $leading: 1,
             $color: theme.typography[props.entitlement.fontStyle].color,
+            $leading: 1,
             children: text
           }
         ) }),
@@ -18015,8 +18433,8 @@ var Details = ({
             $font: theme.typography[props.usage.fontStyle].fontFamily,
             $size: theme.typography[props.usage.fontStyle].fontSize,
             $weight: theme.typography[props.usage.fontStyle].fontWeight,
-            $leading: 1,
             $color: theme.typography[props.usage.fontStyle].color,
+            $leading: 1,
             children: usageText
           }
         ) })
@@ -18064,7 +18482,19 @@ var IncludedFeatures = (0, import_react32.forwardRef)(({ className, ...rest }, r
   const shouldWrapChildren = useWrapChildren(elements.current);
   const isLightBackground = useIsLightBackground();
   const [showCount, setShowCount] = (0, import_react32.useState)(VISIBLE_ENTITLEMENT_COUNT);
-  const entitlements = (data.featureUsage?.features || []).reduce(
+  const orderedFeatureUsage = props.visibleFeatures?.reduce(
+    (acc, id) => {
+      const mappedFeatureUsage = data.featureUsage?.features.find(
+        (usage) => usage.feature?.id === id
+      );
+      if (mappedFeatureUsage) {
+        acc.push(mappedFeatureUsage);
+      }
+      return acc;
+    },
+    []
+  );
+  const entitlements = (orderedFeatureUsage || data.featureUsage?.features || []).reduce(
     (acc, usage) => {
       const mappedUsageData = data.activeUsageBasedEntitlements.find(
         (entitlement) => entitlement.featureId === usage.feature?.id
@@ -18159,8 +18589,8 @@ var IncludedFeatures = (0, import_react32.forwardRef)(({ className, ...rest }, r
                           $font: theme.typography[props.entitlementExpiration.fontStyle].fontFamily,
                           $size: theme.typography[props.entitlementExpiration.fontStyle].fontSize,
                           $weight: theme.typography[props.entitlementExpiration.fontStyle].fontWeight,
-                          $leading: 1,
                           $color: theme.typography[props.entitlementExpiration.fontStyle].color,
+                          $leading: 1,
                           children: [
                             "Expires",
                             " ",
@@ -18206,8 +18636,8 @@ var IncludedFeatures = (0, import_react32.forwardRef)(({ className, ...rest }, r
               $font: theme.typography.link.fontFamily,
               $size: theme.typography.link.fontSize,
               $weight: theme.typography.link.fontWeight,
-              $leading: 1,
               $color: theme.typography.link.color,
+              $leading: 1,
               style: { cursor: "pointer" },
               children: isExpanded ? t2("Hide all") : t2("See all")
             }
@@ -18247,7 +18677,7 @@ function resolveDesignProps2(props) {
   };
 }
 function formatInvoices(invoices = []) {
-  return invoices.filter(({ amountDue, amountPaid }) => amountDue === 0 || amountPaid > 0).sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
+  return invoices.sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
     amount: formatCurrency(amountDue, currency),
     ...dueDate && { date: toPrettyDate(dueDate) },
     ...url && { url }
@@ -18351,7 +18781,6 @@ Invoices.displayName = "Invoices";
 
 // src/components/elements/metered-features/MeteredFeatures.tsx
 var import_react34 = require("react");
-var import_pluralize5 = __toESM(require_pluralize());
 
 // src/components/elements/metered-features/styles.ts
 var Container4 = dt(Flex)`
@@ -18405,172 +18834,256 @@ var MeteredFeatures = (0, import_react34.forwardRef)(({ className, ...rest }, re
   const theme = nt();
   const { data, setLayout, setSelected } = useEmbed();
   const isLightBackground = useIsLightBackground();
-  const { planPeriod } = data.company?.plan || {};
-  const featureUsage = (props.visibleFeatures ? props.visibleFeatures.reduce((acc, id) => {
-    const mappedFeatureUsage = data.featureUsage?.features.find(
-      (usage) => usage.feature?.id === id
+  const meteredFeatures = (0, import_react34.useMemo)(() => {
+    return (props.visibleFeatures ? props.visibleFeatures.reduce(
+      (acc, id) => {
+        const mappedFeatureUsage = data.featureUsage?.features.find(
+          (usage) => usage.feature?.id === id
+        );
+        if (mappedFeatureUsage) {
+          acc.push(mappedFeatureUsage);
+        }
+        return acc;
+      },
+      []
+    ) : data.featureUsage?.features || []).filter(
+      (usage) => usage.feature?.featureType === "event" || usage.feature?.featureType === "trait"
     );
-    if (mappedFeatureUsage) {
-      acc.push(mappedFeatureUsage);
-    }
-    return acc;
-  }, []) : data.featureUsage?.features || []).filter(
-    (usage) => usage.feature?.featureType === "event" || usage.feature?.featureType === "trait"
-  );
-  const shouldShowFeatures = featureUsage.length > 0 || data.company?.plan || (data.company?.addOns ?? []).length > 0 || false;
+  }, [props.visibleFeatures, data.featureUsage?.features]);
+  const planPeriod = data.company?.plan?.planPeriod;
+  const shouldShowFeatures = meteredFeatures.length > 0 || data.company?.plan || (data.company?.addOns ?? []).length > 0 || false;
   if (!shouldShowFeatures) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Container4, { ref, className, children: featureUsage.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Container4, { ref, className, children: meteredFeatures.map(
     ({
-      allocation,
       feature,
-      usage,
       priceBehavior,
+      usage,
+      allocation,
+      softLimit,
       metricResetAt,
       monthlyUsageBasedPrice,
       yearlyUsageBasedPrice
     }, index) => {
-      let price;
-      let currency;
-      if (planPeriod === "month") {
-        price = monthlyUsageBasedPrice?.price;
-        currency = monthlyUsageBasedPrice?.currency;
-      } else if (planPeriod === "year") {
-        price = yearlyUsageBasedPrice?.price;
-        currency = yearlyUsageBasedPrice?.currency;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Element, { as: Flex, $gap: "1.5rem", children: [
-        props.icon.isVisible && feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          IconRound,
+      const limit = softLimit ?? allocation ?? 0;
+      const isOverage = priceBehavior === "overage" && typeof softLimit === "number" && typeof usage === "number" && usage > softLimit;
+      const { price, currency } = (planPeriod === "month" ? monthlyUsageBasedPrice : planPeriod === "year" && yearlyUsageBasedPrice) || {};
+      const progressBar = props.isVisible && typeof usage === "number" && priceBehavior !== "pay_as_you_go" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        ProgressBar,
+        {
+          progress: (isOverage ? softLimit / usage : usage / limit) * 100,
+          value: usage,
+          total: isOverage ? softLimit : limit,
+          color: isOverage ? "blue" : progressColorMap[Math.floor(
+            Math.min(usage, limit) / limit * (progressColorMap.length - 1)
+          )],
+          ...isOverage && { bgColor: "#EF4444" },
+          $flexGrow: 1
+        }
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $flexDirection: "column-reverse", children: [
+        priceBehavior === "overage" && typeof price === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          Flex,
           {
-            name: feature.icon,
-            size: "sm",
-            colors: [
-              theme.primary,
-              isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
+            $justifyContent: "space-between",
+            $alignItems: "center",
+            $padding: `${0.4375 * theme.card.padding / TEXT_BASE_SIZE}rem ${theme.card.padding / TEXT_BASE_SIZE}rem`,
+            $backgroundColor: isLightBackground ? darken(theme.card.background, 0.05) : lighten(theme.card.background, 0.1),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                Text,
+                {
+                  $font: theme.typography.text.fontFamily,
+                  $size: theme.typography.text.fontSize,
+                  $weight: theme.typography.text.fontWeight,
+                  $color: theme.typography.text.color,
+                  $leading: 1.35,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                    t2("Overage fee"),
+                    ": ",
+                    formatCurrency(price, currency),
+                    feature && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Box, { as: "sub", $whiteSpace: "nowrap", children: [
+                      "/",
+                      getFeatureName(feature, 1),
+                      feature.featureType === "trait" && planPeriod && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                        "/",
+                        shortenPeriod(planPeriod)
+                      ] })
+                    ] })
+                  ] })
+                }
+              ),
+              isOverage && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                Text,
+                {
+                  $font: theme.typography.text.fontFamily,
+                  $size: theme.typography.text.fontSize,
+                  $weight: theme.typography.text.fontWeight,
+                  $color: theme.typography.text.color,
+                  $leading: 1.35,
+                  children: [
+                    t2("X over the limit", {
+                      amount: usage - softLimit
+                    }),
+                    " \xB7 ",
+                    formatCurrency(price * (usage - softLimit), currency),
+                    feature?.featureType === "trait" && typeof planPeriod === "string" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Box, { as: "sub", $whiteSpace: "nowrap", children: [
+                      "/",
+                      shortenPeriod(planPeriod)
+                    ] })
+                  ]
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $flexDirection: "column", $gap: "2rem", $flexGrow: "1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-            Flex,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Element, { as: Flex, $gap: "1.5rem", children: [
+          props.icon.isVisible && feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            IconRound,
             {
-              ref: (el) => {
-                if (el) {
-                  elements.current.push(el);
-                }
-              },
-              $flexWrap: "wrap",
-              $gap: "1rem",
-              children: [
-                feature?.name && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $flexDirection: "column", $gap: "0.5rem", $flexGrow: "1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                    Text,
-                    {
-                      as: Box,
-                      $font: theme.typography[props.header.fontStyle].fontFamily,
-                      $size: theme.typography[props.header.fontStyle].fontSize,
-                      $weight: theme.typography[props.header.fontStyle].fontWeight,
-                      $color: theme.typography[props.header.fontStyle].color,
-                      children: priceBehavior === "pay_as_you_go" ? typeof usage === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-                        formatNumber(usage),
-                        " ",
-                        (0, import_pluralize5.default)(feature.name, usage)
-                      ] }) : feature.name
-                    }
-                  ),
-                  props.description.isVisible && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                    Text,
-                    {
-                      as: Box,
-                      $font: theme.typography[props.description.fontStyle].fontFamily,
-                      $size: theme.typography[props.description.fontStyle].fontSize,
-                      $weight: theme.typography[props.description.fontStyle].fontWeight,
-                      $color: theme.typography[props.description.fontStyle].color,
-                      children: feature.description
-                    }
-                  )
-                ] }),
-                (feature?.featureType === "event" || feature?.featureType === "trait") && feature?.name && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-                  Box,
-                  {
-                    $flexBasis: "min-content",
-                    $flexGrow: "1",
-                    $textAlign: shouldWrapChildren ? "left" : "right",
-                    children: [
-                      props.usage.isVisible && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                        Text,
-                        {
-                          as: Box,
-                          $font: theme.typography[props.usage.fontStyle].fontFamily,
-                          $size: theme.typography[props.usage.fontStyle].fontSize,
-                          $weight: theme.typography[props.usage.fontStyle].fontWeight,
-                          $leading: 1.25,
-                          $color: theme.typography[props.usage.fontStyle].color,
-                          children: priceBehavior === "pay_in_advance" ? typeof allocation === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-                            formatNumber(allocation),
-                            " ",
-                            (0, import_pluralize5.default)(feature.name, allocation)
-                          ] }) : priceBehavior === "pay_as_you_go" ? typeof price === "number" && typeof usage === "number" && formatCurrency(usage * price, currency) : typeof usage === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-                            formatNumber(usage),
-                            " ",
-                            (0, import_pluralize5.default)(feature.name, usage)
-                          ] })
-                        }
-                      ),
-                      props.allocation.isVisible && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Box, { $whiteSpace: "nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                        Text,
-                        {
-                          $font: theme.typography[props.allocation.fontStyle].fontFamily,
-                          $size: theme.typography[props.allocation.fontStyle].fontSize,
-                          $weight: theme.typography[props.allocation.fontStyle].fontWeight,
-                          $color: theme.typography[props.allocation.fontStyle].color,
-                          children: priceBehavior && metricResetAt ? t2("Resets", {
-                            date: toPrettyDate(metricResetAt, {
-                              month: "short",
-                              day: "numeric",
-                              year: void 0
-                            })
-                          }) : typeof allocation === "number" ? t2("Limit of", {
-                            amount: formatNumber(allocation)
-                          }) : t2("No limit")
-                        }
-                      ) })
-                    ]
-                  }
-                )
+              name: feature.icon,
+              size: "sm",
+              colors: [
+                theme.primary,
+                isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
               ]
             }
           ),
-          props.isVisible && typeof usage === "number" && typeof allocation === "number" && priceBehavior !== "pay_as_you_go" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $gap: "2rem", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-              ProgressBar,
-              {
-                progress: usage / allocation * 100,
-                value: usage,
-                total: allocation,
-                color: progressColorMap[Math.floor(
-                  Math.min(usage, allocation) / allocation * (progressColorMap.length - 1)
-                )],
-                $flexGrow: "1"
-              }
-            ),
-            priceBehavior === "pay_in_advance" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-              EmbedButton,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $flexDirection: "column", $gap: "2rem", $flexGrow: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              Flex,
               {
-                type: "button",
-                onClick: () => {
-                  setSelected({ usage: true });
-                  setLayout("checkout");
-                },
-                style: {
-                  width: "fit-content",
-                  padding: "0 1rem 0 0.5rem"
+                ref: (el) => {
+                  if (el) {
+                    elements.current.push(el);
+                  }
                 },
-                children: t2("Add More")
+                $flexWrap: "wrap",
+                $gap: "1rem",
+                children: [
+                  feature?.name && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $flexDirection: "column", $gap: "0.5rem", $flexGrow: 1, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                      Text,
+                      {
+                        as: Box,
+                        $font: theme.typography[props.header.fontStyle].fontFamily,
+                        $size: theme.typography[props.header.fontStyle].fontSize,
+                        $weight: theme.typography[props.header.fontStyle].fontWeight,
+                        $color: theme.typography[props.header.fontStyle].color,
+                        $leading: 1.35,
+                        children: priceBehavior === "pay_as_you_go" ? typeof usage === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                          formatNumber(usage),
+                          " ",
+                          getFeatureName(feature, usage)
+                        ] }) : feature.name
+                      }
+                    ),
+                    props.description.isVisible && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                      Text,
+                      {
+                        as: Box,
+                        $font: theme.typography[props.description.fontStyle].fontFamily,
+                        $size: theme.typography[props.description.fontStyle].fontSize,
+                        $weight: theme.typography[props.description.fontStyle].fontWeight,
+                        $color: theme.typography[props.description.fontStyle].color,
+                        children: feature.description
+                      }
+                    )
+                  ] }),
+                  (feature?.featureType === "event" || feature?.featureType === "trait") && feature?.name && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                    Box,
+                    {
+                      $flexBasis: "min-content",
+                      $flexGrow: 1,
+                      $textAlign: shouldWrapChildren ? "left" : "right",
+                      children: [
+                        props.usage.isVisible && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                          Text,
+                          {
+                            as: Box,
+                            $font: theme.typography[props.usage.fontStyle].fontFamily,
+                            $size: theme.typography[props.usage.fontStyle].fontSize,
+                            $weight: theme.typography[props.usage.fontStyle].fontWeight,
+                            $color: theme.typography[props.usage.fontStyle].color,
+                            $leading: 1.35,
+                            children: priceBehavior === "pay_in_advance" ? typeof allocation === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                              formatNumber(allocation),
+                              " ",
+                              getFeatureName(feature, allocation)
+                            ] }) : priceBehavior === "pay_as_you_go" ? typeof price === "number" && typeof usage === "number" && formatCurrency(usage * price, currency) : typeof usage === "number" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                              formatNumber(usage),
+                              " ",
+                              getFeatureName(feature, usage),
+                              priceBehavior === "overage" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                                " ",
+                                t2("used")
+                              ] })
+                            ] })
+                          }
+                        ),
+                        props.allocation.isVisible && priceBehavior !== "overage" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Box, { $whiteSpace: "nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                          Text,
+                          {
+                            $font: theme.typography[props.allocation.fontStyle].fontFamily,
+                            $size: theme.typography[props.allocation.fontStyle].fontSize,
+                            $weight: theme.typography[props.allocation.fontStyle].fontWeight,
+                            $color: theme.typography[props.allocation.fontStyle].color,
+                            $leading: 1.35,
+                            children: priceBehavior && priceBehavior !== "overage" && metricResetAt ? t2("Resets", {
+                              date: toPrettyDate(metricResetAt, {
+                                month: "short",
+                                day: "numeric",
+                                year: void 0
+                              })
+                            }) : typeof allocation === "number" || typeof softLimit === "number" ? t2("Limit of", {
+                              amount: formatNumber(limit)
+                            }) : t2("No limit")
+                          }
+                        ) })
+                      ]
+                    }
+                  )
+                ]
               }
-            )
+            ),
+            props.isVisible && typeof usage === "number" && priceBehavior !== "pay_as_you_go" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Flex, { $gap: "2rem", children: [
+              typeof allocation === "number" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                Tooltip,
+                {
+                  trigger: progressBar,
+                  content: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    Text,
+                    {
+                      $font: theme.typography.text.fontFamily,
+                      $size: 0.875 * theme.typography.text.fontSize,
+                      $weight: theme.typography.text.fontWeight,
+                      $color: theme.typography.text.color,
+                      $leading: 1,
+                      children: t2("Up to a limit of", {
+                        amount: allocation,
+                        units: feature?.name && getFeatureName(feature)
+                      })
+                    }
+                  ),
+                  $flexGrow: 1
+                }
+              ) : progressBar,
+              priceBehavior === "pay_in_advance" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                EmbedButton,
+                {
+                  onClick: () => {
+                    setSelected({ usage: true });
+                    setLayout("checkout");
+                  },
+                  style: {
+                    width: "fit-content",
+                    padding: "0 1rem 0 0.5rem"
+                  },
+                  children: t2("Add More")
+                }
+              )
+            ] })
           ] })
         ] })
       ] }, index);
@@ -18592,13 +19105,22 @@ var PaymentElement2 = ({
   paymentLast4
 }) => {
   const theme = nt();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text, { $font: theme.typography.text.fontFamily, $size: 16, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Flex, { $flexDirection: "row", $alignItems: "center", children: [
-    iconName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: iconName, title: iconTitle, style: iconStyles }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Flex, { $alignItems: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { $lineHeight: "1", $marginRight: "4px", children: t(label) }),
-      paymentLast4 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { $display: "inline-block", $fontWeight: "bold", children: paymentLast4 })
-    ] })
-  ] }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    Text,
+    {
+      $font: theme.typography.text.fontFamily,
+      $size: 16,
+      $weight: theme.typography.text.fontWeight,
+      $color: theme.typography.text.color,
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Flex, { $flexDirection: "row", $alignItems: "center", children: [
+        iconName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: iconName, title: iconTitle, style: iconStyles }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Flex, { $alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { $lineHeight: "1", $marginRight: "4px", children: t(label) }),
+          paymentLast4 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { $display: "inline-block", $fontWeight: "bold", children: paymentLast4 })
+        ] })
+      ] })
+    }
+  ) });
 };
 var resolveDesignProps4 = (props) => {
   return {
@@ -18718,6 +19240,7 @@ var PaymentMethodElement = ({
         {
           $font: theme.typography.text.fontFamily,
           $size: 14,
+          $weight: theme.typography.text.fontWeight,
           $color: "#DB6769",
           children: monthsToExpiration > 0 ? t2("Expires in x months", { months: monthsToExpiration }) : t2("Expired")
         }
@@ -18740,8 +19263,8 @@ var PaymentMethodElement = ({
               $font: theme.typography.link.fontFamily,
               $size: theme.typography.link.fontSize,
               $weight: theme.typography.link.fontWeight,
-              $leading: 1,
               $color: theme.typography.link.color,
+              $leading: 1,
               children: t2("Edit")
             }
           )
@@ -18953,7 +19476,6 @@ PaymentMethod.displayName = "PaymentMethod";
 
 // src/components/elements/plan-manager/PlanManager.tsx
 var import_react36 = require("react");
-var import_pluralize6 = __toESM(require_pluralize());
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var resolveDesignProps5 = (props) => {
   return {
@@ -18998,34 +19520,28 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
   };
   const usageBasedEntitlements = (featureUsage?.features || []).reduce(
     (acc, usage) => {
-      const quantity = usage?.allocation ?? 0;
-      let price;
-      let currencyCode;
-      if (currentPlan?.planPeriod === "month") {
-        price = usage.monthlyUsageBasedPrice?.price;
-        currencyCode = usage.monthlyUsageBasedPrice?.currency;
-      } else if (currentPlan?.planPeriod === "year") {
-        price = usage.yearlyUsageBasedPrice?.price;
-        currencyCode = usage.yearlyUsageBasedPrice?.currency;
-      }
-      if (usage.priceBehavior && typeof price === "number" && quantity > 0) {
-        acc.push({ ...usage, price, quantity, currencyCode });
+      const { price, currency } = (currentPlan?.planPeriod === "month" ? usage.monthlyUsageBasedPrice : usage.yearlyUsageBasedPrice) || {};
+      if (usage.priceBehavior && typeof price === "number") {
+        acc.push({ ...usage, price, currency });
       }
       return acc;
     },
     []
   );
   const billingSubscription = data.company?.billingSubscription;
+  const trialEndDays = (0, import_react36.useMemo)(() => {
+    const trialEnd = billingSubscription?.trialEnd;
+    const trialEndDate = trialEnd ? new Date(trialEnd * 1e3) : /* @__PURE__ */ new Date();
+    const todayDate = /* @__PURE__ */ new Date();
+    return Math.floor(
+      (trialEndDate.getTime() - todayDate.getTime()) / (1e3 * 60 * 60 * 24)
+    );
+  }, [billingSubscription?.trialEnd]);
   const subscriptionCurrency = billingSubscription?.currency;
-  const showTrialBox = billingSubscription && billingSubscription.status == "trialing";
-  const showUnsubscribeBox = billingSubscription?.cancelAtPeriodEnd;
-  const trialEndDate = billingSubscription?.trialEnd ? new Date(billingSubscription.trialEnd * 1e3) : /* @__PURE__ */ new Date();
-  const todayDate = /* @__PURE__ */ new Date();
-  const trialEndDays = Math.floor(
-    (trialEndDate.getTime() - todayDate.getTime()) / (1e3 * 60 * 60 * 24)
-  );
+  const isTrialSubscription = billingSubscription?.status === "trialing";
+  const willSubscriptionCancel = billingSubscription?.cancelAtPeriodEnd;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-    showTrialBox && !showUnsubscribeBox && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    isTrialSubscription && !willSubscriptionCancel ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       Box,
       {
         $backgroundColor: isLightBackground ? "hsla(0, 0%, 0%, 0.04)" : "hsla(0, 0%, 100%, 0.04)",
@@ -19048,7 +19564,7 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
             {
               as: "p",
               $font: theme.typography.text.fontFamily,
-              $size: theme.typography.text.fontSize * 0.8125,
+              $size: 0.8125 * theme.typography.text.fontSize,
               $weight: theme.typography.text.fontWeight,
               $color: theme.typography.text.color,
               children: data.trialPaymentMethodRequired ? t2("After the trial, subscribe") : defaultPlan ? t2("After the trial, cancel", {
@@ -19060,8 +19576,7 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
           )
         ]
       }
-    ),
-    showUnsubscribeBox && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    ) : willSubscriptionCancel && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       Box,
       {
         $backgroundColor: isLightBackground ? "hsla(0, 0%, 0%, 0.04)" : "hsla(0, 0%, 100%, 0.04)",
@@ -19084,10 +19599,10 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
             {
               as: "p",
               $font: theme.typography.text.fontFamily,
-              $size: theme.typography.text.fontSize * 0.8125,
+              $size: 0.8125 * theme.typography.text.fontSize,
               $weight: theme.typography.text.fontWeight,
               $color: theme.typography.text.color,
-              children: billingSubscription.cancelAt ? t2("Access to plan will end on", {
+              children: billingSubscription?.cancelAt ? t2("Access to plan will end on", {
                 date: toPrettyDate(
                   new Date(billingSubscription.cancelAt * 1e3),
                   {
@@ -19185,7 +19700,7 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
                 children: t2("Add-ons")
               }
             ),
-            addOns.map((addOn) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+            addOns.map((addOn, addOnIndex) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               Flex,
               {
                 $justifyContent: "space-between",
@@ -19221,7 +19736,7 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
                   )
                 ]
               },
-              addOn.id
+              addOnIndex
             ))
           ] }),
           usageBasedEntitlements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Flex, { $flexDirection: "column", $gap: "1rem", children: [
@@ -19237,7 +19752,10 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
               }
             ),
             usageBasedEntitlements.reduce(
-              (acc, entitlement) => {
+              (acc, entitlement, entitlementIndex) => {
+                const limit = entitlement.softLimit ?? entitlement.allocation ?? 0;
+                const overageAmount = entitlement.priceBehavior === "overage" && (entitlement?.usage ?? 0) - (entitlement?.softLimit ?? 0);
+                const amount = overageAmount || entitlement.allocation || 0;
                 if (entitlement.feature?.name) {
                   acc.push(
                     /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
@@ -19248,25 +19766,55 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
                         $flexWrap: "wrap",
                         $gap: "1rem",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                             Text,
                             {
                               $font: theme.typography[props.addOns.fontStyle].fontFamily,
                               $size: theme.typography[props.addOns.fontStyle].fontSize,
                               $weight: theme.typography[props.addOns.fontStyle].fontWeight,
                               $color: theme.typography[props.addOns.fontStyle].color,
-                              children: entitlement.priceBehavior === "pay_in_advance" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-                                entitlement.quantity,
-                                " ",
-                                (0, import_pluralize6.default)(
-                                  entitlement.feature.name,
-                                  entitlement.quantity
-                                )
-                              ] }) : entitlement.feature.name
+                              children: [
+                                entitlement.priceBehavior === "pay_in_advance" || entitlement.priceBehavior === "overage" && limit > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                                  limit,
+                                  " ",
+                                  getFeatureName(entitlement.feature, limit)
+                                ] }) : entitlement.feature.name,
+                                entitlement.priceBehavior === "overage" && entitlement.feature.featureType === "event" && currentPlan?.planPeriod && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                                  "/",
+                                  shortenPeriod(currentPlan.planPeriod)
+                                ] })
+                              ]
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Flex, { $alignItems: "center", $gap: "1rem", children: [
-                            entitlement.priceBehavior === "pay_in_advance" && currentPlan?.planPeriod && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                            entitlement.priceBehavior === "overage" && currentPlan?.planPeriod ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                              Text,
+                              {
+                                $font: theme.typography.text.fontFamily,
+                                $size: 0.875 * theme.typography.text.fontSize,
+                                $weight: theme.typography.text.fontWeight,
+                                $color: hexToHSL(theme.typography.text.color).l > 50 ? darken(theme.typography.text.color, 0.46) : lighten(theme.typography.text.color, 0.46),
+                                children: typeof overageAmount === "number" && overageAmount > 0 ? t2("X over the limit", {
+                                  amount: overageAmount
+                                }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                                  t2("Overage fee"),
+                                  ":",
+                                  " ",
+                                  formatCurrency(
+                                    entitlement.price,
+                                    entitlement.currency
+                                  ),
+                                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("sub", { children: [
+                                    "/",
+                                    getFeatureName(entitlement.feature, 1),
+                                    entitlement.feature.featureType === "trait" && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                                      "/",
+                                      shortenPeriod(currentPlan.planPeriod)
+                                    ] })
+                                  ] })
+                                ] })
+                              }
+                            ) : entitlement.priceBehavior === "pay_in_advance" && currentPlan?.planPeriod && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                               Text,
                               {
                                 $font: theme.typography.text.fontFamily,
@@ -19276,21 +19824,18 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
                                 children: [
                                   formatCurrency(
                                     entitlement.price,
-                                    entitlement.currencyCode
+                                    entitlement.currency
                                   ),
                                   /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("sub", { children: [
                                     "/",
-                                    (0, import_pluralize6.default)(
-                                      entitlement.feature.name.toLowerCase(),
-                                      1
-                                    ),
+                                    getFeatureName(entitlement.feature, 1),
                                     "/",
                                     shortenPeriod(currentPlan.planPeriod)
                                   ] })
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                            amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                               Text,
                               {
                                 $font: theme.typography.text.fontFamily,
@@ -19299,15 +19844,12 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
                                 $color: theme.typography.text.color,
                                 children: [
                                   formatCurrency(
-                                    entitlement.price * (entitlement.priceBehavior === "pay_in_advance" ? entitlement.quantity : 1),
-                                    entitlement.currencyCode
+                                    entitlement.price * amount,
+                                    entitlement.currency
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("sub", { children: [
+                                  (entitlement.priceBehavior === "pay_in_advance" || entitlement.priceBehavior !== "overage") && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("sub", { children: [
                                     "/",
-                                    currentPlan?.planPeriod && entitlement.priceBehavior === "pay_in_advance" ? shortenPeriod(currentPlan.planPeriod) : (0, import_pluralize6.default)(
-                                      entitlement.feature.name.toLowerCase(),
-                                      1
-                                    )
+                                    currentPlan?.planPeriod && entitlement.priceBehavior === "pay_in_advance" ? shortenPeriod(currentPlan.planPeriod) : getFeatureName(entitlement.feature, 1)
                                   ] })
                                 ]
                               }
@@ -19315,7 +19857,7 @@ var PlanManager = (0, import_react36.forwardRef)(({ children, className, portal,
                           ] })
                         ]
                       },
-                      entitlement.feature.id
+                      entitlementIndex
                     )
                   );
                 }
@@ -19350,7 +19892,6 @@ PlanManager.displayName = "PlanManager";
 
 // src/components/elements/pricing-table/PricingTable.tsx
 var import_react37 = require("react");
-var import_pluralize7 = __toESM(require_pluralize());
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var resolveDesignProps6 = (props) => {
   return {
@@ -19481,13 +20022,11 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
               $display: "grid",
               $gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
               $gap: "1rem",
-              children: plans.map((plan, index, self2) => {
+              children: plans.map((plan, planIndex, self2) => {
                 const isActivePlan = plan.current && data.company?.plan?.planPeriod === selectedPeriod;
+                const { price: planPrice, currency: planCurrency } = (selectedPeriod === "month" ? plan.monthlyPrice : selectedPeriod === "year" && plan.yearlyPrice) || {};
                 const count = entitlementCounts[plan.id];
-                let isExpanded = false;
-                if (count?.limit && count.limit > VISIBLE_ENTITLEMENT_COUNT) {
-                  isExpanded = true;
-                }
+                const isExpanded = count.limit > VISIBLE_ENTITLEMENT_COUNT;
                 return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                   Flex,
                   {
@@ -19507,7 +20046,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                           $flexDirection: "column",
                           $gap: "0.75rem",
                           $padding: `0 ${cardPadding}rem ${0.75 * cardPadding}rem`,
-                          $borderWidth: "0",
+                          $borderWidth: 0,
                           $borderBottomWidth: "1px",
                           $borderStyle: "solid",
                           $borderColor: isLightBackground ? "hsla(0, 0%, 0%, 0.175)" : "hsla(0, 0%, 100%, 0.175)",
@@ -19540,10 +20079,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                                   $size: theme.typography[props.plans.name.fontStyle].fontSize,
                                   $weight: theme.typography[props.plans.name.fontStyle].fontWeight,
                                   $color: theme.typography[props.plans.name.fontStyle].color,
-                                  children: plan.custom ? plan.customPlanConfig?.priceText ? plan.customPlanConfig?.priceText : t2("Custom Plan Price") : formatCurrency(
-                                    (selectedPeriod === "month" ? plan.monthlyPrice : plan.yearlyPrice)?.price ?? 0,
-                                    (selectedPeriod === "month" ? plan.monthlyPrice : plan.yearlyPrice)?.currency
-                                  )
+                                  children: plan.custom ? plan.customPlanConfig?.priceText ? plan.customPlanConfig.priceText : t2("Custom Plan Price") : formatCurrency(planPrice ?? 0, planCurrency)
                                 }
                               ),
                               !plan.custom && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -19582,12 +20118,12 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                         {
                           $flexDirection: "column",
                           $justifyContent: "end",
-                          $flexGrow: "1",
+                          $flexGrow: 1,
                           $gap: `${cardPadding}rem`,
                           $padding: `${0.75 * cardPadding}rem ${cardPadding}rem 0`,
                           children: [
-                            props.plans.showEntitlements && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $flexDirection: "column", $gap: "1rem", $flexGrow: "1", children: [
-                              props.plans.showInclusionText && index > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Box, { $marginBottom: "1.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                            props.plans.showEntitlements && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $flexDirection: "column", $gap: "1rem", $flexGrow: 1, children: [
+                              props.plans.showInclusionText && planIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Box, { $marginBottom: "1.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                 Text,
                                 {
                                   $font: theme.typography.text.fontFamily,
@@ -19595,83 +20131,142 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                                   $weight: theme.typography.text.fontWeight,
                                   $color: theme.typography.text.color,
                                   children: t2("Everything in", {
-                                    plan: self2[index - 1].name
+                                    plan: self2[planIndex - 1].name
                                   })
                                 }
                               ) }),
-                              plan.entitlements.reduce((acc, entitlement) => {
-                                let price;
-                                let currency;
-                                if (selectedPeriod === "month") {
-                                  price = entitlement.meteredMonthlyPrice?.price;
-                                  currency = entitlement.meteredMonthlyPrice?.currency;
-                                } else if (selectedPeriod === "year") {
-                                  price = entitlement.meteredYearlyPrice?.price;
-                                  currency = entitlement.meteredYearlyPrice?.currency;
-                                }
-                                if (entitlement.priceBehavior && typeof price !== "number") {
-                                  return acc;
-                                }
-                                acc.push(
-                                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $gap: "1rem", children: [
-                                    props.plans.showFeatureIcons && entitlement.feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                                      IconRound,
-                                      {
-                                        name: entitlement.feature.icon,
-                                        size: "sm",
-                                        colors: [
-                                          theme.primary,
-                                          isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
-                                        ]
-                                      }
-                                    ),
-                                    entitlement.feature?.name && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Flex, { $alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                                      Text,
-                                      {
-                                        $font: theme.typography.text.fontFamily,
-                                        $size: theme.typography.text.fontSize,
-                                        $weight: theme.typography.text.fontWeight,
-                                        $color: theme.typography.text.color,
-                                        $leading: 1.35,
-                                        children: typeof price !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                                          formatCurrency(price, currency),
-                                          " ",
-                                          t2("per"),
-                                          " ",
-                                          (0, import_pluralize7.default)(
-                                            entitlement.feature.name,
-                                            1
-                                          ),
-                                          entitlement.priceBehavior === "pay_in_advance" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                                            " ",
-                                            t2("per"),
-                                            " ",
-                                            selectedPeriod
-                                          ] })
-                                        ] }) : entitlement.valueType === "numeric" || entitlement.valueType === "unlimited" || entitlement.valueType === "trait" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                                          entitlement.valueType === "unlimited" ? t2("Unlimited", {
-                                            item: (0, import_pluralize7.default)(
-                                              entitlement.feature.name
+                              plan.entitlements.reduce(
+                                (acc, entitlement, entitlementIndex) => {
+                                  const limit = entitlement.softLimit ?? entitlement.valueNumeric;
+                                  const {
+                                    price: entitlementPrice,
+                                    currency: entitlementCurrency
+                                  } = (selectedPeriod === "month" ? entitlement.meteredMonthlyPrice : selectedPeriod === "year" && entitlement.meteredYearlyPrice) || {};
+                                  if (entitlement.priceBehavior && typeof entitlementPrice !== "number") {
+                                    return acc;
+                                  }
+                                  acc.push(
+                                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $gap: "1rem", children: [
+                                      props.plans.showFeatureIcons && entitlement.feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                                        IconRound,
+                                        {
+                                          name: entitlement.feature.icon,
+                                          size: "sm",
+                                          colors: [
+                                            theme.primary,
+                                            isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
+                                          ]
+                                        }
+                                      ),
+                                      entitlement.feature?.name && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                                        Flex,
+                                        {
+                                          $flexDirection: "column",
+                                          $justifyContent: "center",
+                                          $gap: "0.5rem",
+                                          children: [
+                                            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                                              Text,
+                                              {
+                                                $font: theme.typography.text.fontFamily,
+                                                $size: theme.typography.text.fontSize,
+                                                $weight: theme.typography.text.fontWeight,
+                                                $color: theme.typography.text.color,
+                                                $leading: 1.35,
+                                                children: typeof entitlementPrice === "number" && (entitlement.priceBehavior === "pay_in_advance" || entitlement.priceBehavior === "pay_as_you_go") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                  formatCurrency(
+                                                    entitlementPrice,
+                                                    entitlementCurrency
+                                                  ),
+                                                  " ",
+                                                  t2("per"),
+                                                  " ",
+                                                  getFeatureName(
+                                                    entitlement.feature,
+                                                    1
+                                                  ),
+                                                  entitlement.priceBehavior === "pay_in_advance" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                    " ",
+                                                    t2("per"),
+                                                    " ",
+                                                    selectedPeriod
+                                                  ] })
+                                                ] }) : entitlement.valueType === "numeric" || entitlement.valueType === "unlimited" || entitlement.valueType === "trait" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                  entitlement.valueType === "unlimited" && !entitlement.priceBehavior ? t2("Unlimited", {
+                                                    item: getFeatureName(
+                                                      entitlement.feature
+                                                    )
+                                                  }) : typeof limit === "number" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                    formatNumber(limit),
+                                                    " ",
+                                                    getFeatureName(
+                                                      entitlement.feature,
+                                                      limit
+                                                    )
+                                                  ] }),
+                                                  entitlement.metricPeriod && entitlement.priceBehavior !== "overage" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                    " ",
+                                                    t2("per"),
+                                                    " ",
+                                                    {
+                                                      billing: "billing period",
+                                                      current_day: "day",
+                                                      current_month: "month",
+                                                      current_year: "year"
+                                                    }[entitlement.metricPeriod]
+                                                  ] }) : entitlement.priceBehavior === "overage" && entitlement.feature.featureType === "event" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                    "/",
+                                                    shortenPeriod(
+                                                      selectedPeriod
+                                                    )
+                                                  ] })
+                                                ] }) : entitlement.feature.name
+                                              }
+                                            ),
+                                            entitlement.priceBehavior === "overage" && typeof entitlementPrice === "number" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                                              Text,
+                                              {
+                                                $font: theme.typography.text.fontFamily,
+                                                $size: 0.875 * theme.typography.text.fontSize,
+                                                $weight: theme.typography.text.fontWeight,
+                                                $color: hexToHSL(
+                                                  theme.typography.text.color
+                                                ).l > 50 ? darken(
+                                                  theme.typography.text.color,
+                                                  0.46
+                                                ) : lighten(
+                                                  theme.typography.text.color,
+                                                  0.46
+                                                ),
+                                                $leading: 1.35,
+                                                children: [
+                                                  formatCurrency(
+                                                    entitlementPrice,
+                                                    entitlementCurrency
+                                                  ),
+                                                  "/",
+                                                  getFeatureName(
+                                                    entitlement.feature,
+                                                    1
+                                                  ),
+                                                  entitlement.feature.featureType === "trait" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                    "/",
+                                                    shortenPeriod(selectedPeriod)
+                                                  ] }),
+                                                  " ",
+                                                  t2("overage fee")
+                                                ]
+                                              }
                                             )
-                                          }) : typeof entitlement.valueNumeric === "number" && `${formatNumber(entitlement.valueNumeric)} ${(0, import_pluralize7.default)(entitlement.feature.name, entitlement.valueNumeric)}`,
-                                          entitlement.metricPeriod && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                                            " ",
-                                            t2("per"),
-                                            " ",
-                                            {
-                                              billing: "billing period",
-                                              current_day: "day",
-                                              current_month: "month",
-                                              current_year: "year"
-                                            }[entitlement.metricPeriod]
-                                          ] })
-                                        ] }) : entitlement.feature.name
-                                      }
-                                    ) })
-                                  ] }, entitlement.id)
-                                );
-                                return acc;
-                              }, []).slice(0, count?.limit ?? VISIBLE_ENTITLEMENT_COUNT),
+                                          ]
+                                        }
+                                      )
+                                    ] }, entitlementIndex)
+                                  );
+                                  return acc;
+                                },
+                                []
+                              ).slice(0, count?.limit ?? VISIBLE_ENTITLEMENT_COUNT),
                               (count?.size || plan.entitlements.length) > VISIBLE_ENTITLEMENT_COUNT && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                                 Flex,
                                 {
@@ -19698,8 +20293,8 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                                         $font: theme.typography.link.fontFamily,
                                         $size: theme.typography.link.fontSize,
                                         $weight: theme.typography.link.fontWeight,
-                                        $leading: 1,
                                         $color: theme.typography.link.color,
+                                        $leading: 1,
                                         style: { cursor: "pointer" },
                                         children: isExpanded ? t2("Hide all") : t2("See all")
                                       }
@@ -19730,9 +20325,11 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                                   /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                     Text,
                                     {
+                                      $font: theme.typography.text.fontFamily,
                                       $size: 15,
-                                      $leading: 1,
+                                      $weight: theme.typography.text.fontWeight,
                                       $color: theme.typography.text.color,
+                                      $leading: 1,
                                       children: t2("Current plan")
                                     }
                                   )
@@ -19753,7 +20350,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                                     setLayout("checkout");
                                   }
                                 },
-                                ...index > currentPlanIndex ? {
+                                ...planIndex > currentPlanIndex ? {
                                   $size: props.upgrade.buttonSize,
                                   $color: props.upgrade.buttonStyle,
                                   $variant: "filled"
@@ -19785,7 +20382,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                       )
                     ]
                   },
-                  index
+                  planIndex
                 );
               })
             }
@@ -19816,8 +20413,9 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
               $display: "grid",
               $gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
               $gap: "1rem",
-              children: addOns.map((addOn, index) => {
+              children: addOns.map((addOn, addOnIndex) => {
                 const isActiveAddOn = addOn.current && selectedPeriod === data.company?.addOns.find((a2) => a2.id === addOn.id)?.planPeriod;
+                const { price: addOnPrice, currency: addOnCurrency } = (selectedPeriod === "month" ? addOn.monthlyPrice : selectedPeriod === "year" && addOn.yearlyPrice) || {};
                 return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                   Flex,
                   {
@@ -19861,10 +20459,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                               $size: theme.typography[props.plans.name.fontStyle].fontSize,
                               $weight: theme.typography[props.plans.name.fontStyle].fontWeight,
                               $color: theme.typography[props.plans.name.fontStyle].color,
-                              children: formatCurrency(
-                                (selectedPeriod === "month" ? addOn.monthlyPrice : addOn.yearlyPrice)?.price ?? 0,
-                                (selectedPeriod === "month" ? addOn.monthlyPrice : addOn.yearlyPrice)?.currency
-                              )
+                              children: formatCurrency(addOnPrice ?? 0, addOnCurrency)
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -19902,7 +20497,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                           $flexDirection: "column",
                           $justifyContent: "end",
                           $gap: `${cardPadding}rem`,
-                          $flexGrow: "1",
+                          $flexGrow: 1,
                           children: [
                             props.addOns.showEntitlements && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               Flex,
@@ -19910,59 +20505,70 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                                 $flexDirection: "column",
                                 $position: "relative",
                                 $gap: "1rem",
-                                $flexGrow: "1",
-                                children: addOn.entitlements.map((entitlement) => {
-                                  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                                    Flex,
-                                    {
-                                      $flexWrap: "wrap",
-                                      $justifyContent: "space-between",
-                                      $alignItems: "center",
-                                      $gap: "1rem",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $gap: "1rem", children: [
-                                        props.addOns.showFeatureIcons && entitlement.feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                                          IconRound,
-                                          {
-                                            name: entitlement.feature.icon,
-                                            size: "sm",
-                                            colors: [
-                                              theme.primary,
-                                              isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
-                                            ]
-                                          }
-                                        ),
-                                        entitlement.feature?.name && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Flex, { $alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                                          Text,
-                                          {
-                                            $font: theme.typography.text.fontFamily,
-                                            $size: theme.typography.text.fontSize,
-                                            $weight: theme.typography.text.fontWeight,
-                                            $color: theme.typography.text.color,
-                                            children: entitlement.valueType === "numeric" || entitlement.valueType === "unlimited" || entitlement.valueType === "trait" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                                              entitlement.valueType === "unlimited" ? t2("Unlimited", {
-                                                item: (0, import_pluralize7.default)(
-                                                  entitlement.feature.name
-                                                )
-                                              }) : typeof entitlement.valueNumeric === "number" && `${formatNumber(entitlement.valueNumeric)} ${(0, import_pluralize7.default)(entitlement.feature.name, entitlement.valueNumeric)}`,
-                                              entitlement.metricPeriod && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                                                " ",
-                                                t2("per"),
-                                                " ",
-                                                {
-                                                  billing: "billing period",
-                                                  current_day: "day",
-                                                  current_month: "month",
-                                                  current_year: "year"
-                                                }[entitlement.metricPeriod]
-                                              ] })
-                                            ] }) : entitlement.feature.name
-                                          }
-                                        ) })
-                                      ] })
-                                    },
-                                    entitlement.id
-                                  );
-                                })
+                                $flexGrow: 1,
+                                children: addOn.entitlements.map(
+                                  (entitlement, entitlementIndex) => {
+                                    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                                      Flex,
+                                      {
+                                        $flexWrap: "wrap",
+                                        $justifyContent: "space-between",
+                                        $alignItems: "center",
+                                        $gap: "1rem",
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $gap: "1rem", children: [
+                                          props.addOns.showFeatureIcons && entitlement.feature?.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                                            IconRound,
+                                            {
+                                              name: entitlement.feature.icon,
+                                              size: "sm",
+                                              colors: [
+                                                theme.primary,
+                                                isLightBackground ? "hsla(0, 0%, 0%, 0.0625)" : "hsla(0, 0%, 100%, 0.25)"
+                                              ]
+                                            }
+                                          ),
+                                          entitlement.feature?.name && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Flex, { $alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                                            Text,
+                                            {
+                                              $font: theme.typography.text.fontFamily,
+                                              $size: theme.typography.text.fontSize,
+                                              $weight: theme.typography.text.fontWeight,
+                                              $color: theme.typography.text.color,
+                                              children: entitlement.valueType === "numeric" || entitlement.valueType === "unlimited" || entitlement.valueType === "trait" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                entitlement.valueType === "unlimited" ? t2("Unlimited", {
+                                                  item: getFeatureName(
+                                                    entitlement.feature
+                                                  )
+                                                }) : typeof entitlement.valueNumeric === "number" && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                  formatNumber(
+                                                    entitlement.valueNumeric
+                                                  ),
+                                                  " ",
+                                                  getFeatureName(
+                                                    entitlement.feature,
+                                                    entitlement.valueNumeric
+                                                  )
+                                                ] }),
+                                                entitlement.metricPeriod && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                                                  " ",
+                                                  t2("per"),
+                                                  " ",
+                                                  {
+                                                    billing: "billing period",
+                                                    current_day: "day",
+                                                    current_month: "month",
+                                                    current_year: "year"
+                                                  }[entitlement.metricPeriod]
+                                                ] })
+                                              ] }) : entitlement.feature.name
+                                            }
+                                          ) })
+                                        ] })
+                                      },
+                                      entitlementIndex
+                                    );
+                                  }
+                                )
                               }
                             ),
                             props.upgrade.isVisible && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -19989,7 +20595,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                       )
                     ]
                   },
-                  index
+                  addOnIndex
                 );
               })
             }
@@ -20340,14 +20946,28 @@ var ComponentTree = () => {
 
 // src/components/embed/Embed.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var SchematicEmbed = ({ id, accessToken, apiConfig }) => {
+var SchematicEmbed = ({
+  id,
+  accessToken,
+  apiConfig,
+  debug
+}) => {
   if (accessToken?.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Please provide an access token." });
   }
   if (!accessToken?.startsWith("token_")) {
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: 'Invalid access token; your temporary access token will start with "token_".' });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(EmbedProvider, { id, accessToken, apiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ComponentTree, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    EmbedProvider,
+    {
+      id,
+      accessToken,
+      apiConfig,
+      debug,
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ComponentTree, {})
+    }
+  );
 };
 /*! Bundled license information: