@ttoss/react-billing 0.5.15 → 0.5.16

package/dist/index.cjs

@@ -38,7 +38,7 @@ let _ttoss_components_EnhancedTitle = require("@ttoss/components/EnhancedTitle")
 let _ttoss_components_MetricCard = require("@ttoss/components/MetricCard");
 
 //#region src/components/planCard/PlanCardCtaSlot.tsx
-const PlanCardCtaSlot = ({
+var PlanCardCtaSlot = ({
   buttonProps
 }) => {
   const {
@@ -73,7 +73,7 @@ const PlanCardCtaSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardVariants.ts
-const normalizeVariant = variantType => {
+var normalizeVariant = variantType => {
   if (variantType === "default") return "primary";
   if (variantType === "enterprise") return "secondary";
   return variantType ?? "primary";
@@ -82,7 +82,7 @@ const normalizeVariant = variantType => {
 * PlanCard variants follow the same pattern as `Tooltip` variants:
 * a simple mapping from `variantType` to a small set of style tokens.
 */
-const getPlanCardVariantStyles = variantType => {
+var getPlanCardVariantStyles = variantType => {
   const variant = normalizeVariant(variantType);
   const variants = {
     primary: {
@@ -105,8 +105,8 @@ const getPlanCardVariantStyles = variantType => {
 
 //#endregion
 //#region src/components/planCard/PlanCardFeaturesSlot.tsx
-const featuresTitle = "RECURSOS";
-const PlanCardFeaturesSlot = ({
+var featuresTitle = "RECURSOS";
+var PlanCardFeaturesSlot = ({
   features,
   variant = "primary"
 }) => {
@@ -167,7 +167,7 @@ const PlanCardFeaturesSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardHeaderSlot.tsx
-const PlanCardHeaderSlot = ({
+var PlanCardHeaderSlot = ({
   title,
   subtitle,
   hasTopTag,
@@ -206,7 +206,7 @@ const PlanCardHeaderSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardMetadataSlot.tsx
-const PlanCardMetadataSlot = ({
+var PlanCardMetadataSlot = ({
   metadata,
   variant = "primary"
 }) => {
@@ -279,7 +279,7 @@ const PlanCardMetadataSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardPriceSlot.tsx
-const PlanCardPriceSlot = ({
+var PlanCardPriceSlot = ({
   price,
   variant = "primary"
 }) => {
@@ -325,7 +325,7 @@ const PlanCardPriceSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardTopTagSlot.tsx
-const PlanCardTopTagSlot = ({
+var PlanCardTopTagSlot = ({
   children
 }) => {
   return /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.Box, {
@@ -338,7 +338,7 @@ const PlanCardTopTagSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCard.tsx
-const PlanCard = props => {
+var PlanCard = props => {
   const {
     variant = "primary",
     topTag,
@@ -440,7 +440,7 @@ const PlanCard = props => {
 * />
 * ```
 */
-const PlansPanel = ({
+var PlansPanel = ({
   filters = [],
   plans,
   activePlanId,
@@ -536,7 +536,7 @@ const PlansPanel = ({
 
 //#endregion
 //#region src/components/subscriptionPanel/SubscriptionPanel.styles.ts
-const gradientFlow = (0, _ttoss_ui.keyframes)({
+var gradientFlow = (0, _ttoss_ui.keyframes)({
   "0%": {
     backgroundPosition: "0% 50%"
   },
@@ -547,19 +547,19 @@ const gradientFlow = (0, _ttoss_ui.keyframes)({
     backgroundPosition: "0% 50%"
   }
 });
-const getAccentGradientBackground = t => {
+var getAccentGradientBackground = t => {
   const theme = t;
   const start = theme.colors?.action?.background?.accent?.default || theme.colors?.input?.background?.accent?.default;
   if (!start) return void 0;
   return `linear-gradient(270deg, ${start}, ${theme.colors?.action?.background?.accent?.active || theme.colors?.input?.background?.accent?.active || start}, ${start})`;
 };
-const getPrimaryGradientBackground = t => {
+var getPrimaryGradientBackground = t => {
   const theme = t;
   const start = theme.colors?.action?.background?.primary?.default;
   if (!start) return void 0;
   return `linear-gradient(270deg, ${start}, ${theme.colors?.action?.background?.secondary?.default || start}, ${start})`;
 };
-const getVariantStyles = variantType => {
+var getVariantStyles = variantType => {
   const variants = {
     "spotlight-accent": {
       backgroundColor: "input.background.accent.default",
@@ -594,7 +594,7 @@ const getVariantStyles = variantType => {
   };
   return variants[variantType] || variants["spotlight-accent"];
 };
-const getSubscriptionPanelAccentBarSx = (variant = "spotlight-accent") => {
+var getSubscriptionPanelAccentBarSx = (variant = "spotlight-accent") => {
   const variantStyles = getVariantStyles(variant);
   const isSpotlight = variant.startsWith("spotlight-");
   const gradientBg = variant === "spotlight-accent" ? getAccentGradientBackground : getPrimaryGradientBackground;
@@ -613,14 +613,14 @@ const getSubscriptionPanelAccentBarSx = (variant = "spotlight-accent") => {
     } : {})
   };
 };
-const SubscriptionPanelAccentBarSx = getSubscriptionPanelAccentBarSx("spotlight-accent");
+var SubscriptionPanelAccentBarSx = getSubscriptionPanelAccentBarSx("spotlight-accent");
 
 //#endregion
 //#region src/components/subscriptionPanel/SubscriptionPanelActionsSlot.tsx
 /**
 * Renders action buttons for the subscription card.
 */
-const SubscriptionPanelActionsSlot = ({
+var SubscriptionPanelActionsSlot = ({
   actions
 }) => {
   if (actions.length === 0) return null;
@@ -668,7 +668,7 @@ const SubscriptionPanelActionsSlot = ({
 /**
 * Renders a metric card based on its type.
 */
-const renderMetricCard = params => {
+var renderMetricCard = params => {
   const {
     metric,
     index,
@@ -717,7 +717,7 @@ const renderMetricCard = params => {
 * />
 * ```
 */
-const SubscriptionPanel = ({
+var SubscriptionPanel = ({
   variant = "accent",
   icon,
   planName,

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { EnhancedTitle } from "@ttoss/components/EnhancedTitle";
 import { MetricCard } from "@ttoss/components/MetricCard";
 
 //#region src/components/planCard/PlanCardCtaSlot.tsx
-const PlanCardCtaSlot = ({
+var PlanCardCtaSlot = ({
   buttonProps
 }) => {
   const {
@@ -42,7 +42,7 @@ const PlanCardCtaSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardVariants.ts
-const normalizeVariant = variantType => {
+var normalizeVariant = variantType => {
   if (variantType === "default") return "primary";
   if (variantType === "enterprise") return "secondary";
   return variantType ?? "primary";
@@ -51,7 +51,7 @@ const normalizeVariant = variantType => {
 * PlanCard variants follow the same pattern as `Tooltip` variants:
 * a simple mapping from `variantType` to a small set of style tokens.
 */
-const getPlanCardVariantStyles = variantType => {
+var getPlanCardVariantStyles = variantType => {
   const variant = normalizeVariant(variantType);
   const variants = {
     primary: {
@@ -74,8 +74,8 @@ const getPlanCardVariantStyles = variantType => {
 
 //#endregion
 //#region src/components/planCard/PlanCardFeaturesSlot.tsx
-const featuresTitle = "RECURSOS";
-const PlanCardFeaturesSlot = ({
+var featuresTitle = "RECURSOS";
+var PlanCardFeaturesSlot = ({
   features,
   variant = "primary"
 }) => {
@@ -136,7 +136,7 @@ const PlanCardFeaturesSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardHeaderSlot.tsx
-const PlanCardHeaderSlot = ({
+var PlanCardHeaderSlot = ({
   title,
   subtitle,
   hasTopTag,
@@ -175,7 +175,7 @@ const PlanCardHeaderSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardMetadataSlot.tsx
-const PlanCardMetadataSlot = ({
+var PlanCardMetadataSlot = ({
   metadata,
   variant = "primary"
 }) => {
@@ -248,7 +248,7 @@ const PlanCardMetadataSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardPriceSlot.tsx
-const PlanCardPriceSlot = ({
+var PlanCardPriceSlot = ({
   price,
   variant = "primary"
 }) => {
@@ -294,7 +294,7 @@ const PlanCardPriceSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCardTopTagSlot.tsx
-const PlanCardTopTagSlot = ({
+var PlanCardTopTagSlot = ({
   children
 }) => {
   return /* @__PURE__ */jsx(Box, {
@@ -307,7 +307,7 @@ const PlanCardTopTagSlot = ({
 
 //#endregion
 //#region src/components/planCard/PlanCard.tsx
-const PlanCard = props => {
+var PlanCard = props => {
   const {
     variant = "primary",
     topTag,
@@ -409,7 +409,7 @@ const PlanCard = props => {
 * />
 * ```
 */
-const PlansPanel = ({
+var PlansPanel = ({
   filters = [],
   plans,
   activePlanId,
@@ -505,7 +505,7 @@ const PlansPanel = ({
 
 //#endregion
 //#region src/components/subscriptionPanel/SubscriptionPanel.styles.ts
-const gradientFlow = keyframes({
+var gradientFlow = keyframes({
   "0%": {
     backgroundPosition: "0% 50%"
   },
@@ -516,19 +516,19 @@ const gradientFlow = keyframes({
     backgroundPosition: "0% 50%"
   }
 });
-const getAccentGradientBackground = t => {
+var getAccentGradientBackground = t => {
   const theme = t;
   const start = theme.colors?.action?.background?.accent?.default || theme.colors?.input?.background?.accent?.default;
   if (!start) return void 0;
   return `linear-gradient(270deg, ${start}, ${theme.colors?.action?.background?.accent?.active || theme.colors?.input?.background?.accent?.active || start}, ${start})`;
 };
-const getPrimaryGradientBackground = t => {
+var getPrimaryGradientBackground = t => {
   const theme = t;
   const start = theme.colors?.action?.background?.primary?.default;
   if (!start) return void 0;
   return `linear-gradient(270deg, ${start}, ${theme.colors?.action?.background?.secondary?.default || start}, ${start})`;
 };
-const getVariantStyles = variantType => {
+var getVariantStyles = variantType => {
   const variants = {
     "spotlight-accent": {
       backgroundColor: "input.background.accent.default",
@@ -563,7 +563,7 @@ const getVariantStyles = variantType => {
   };
   return variants[variantType] || variants["spotlight-accent"];
 };
-const getSubscriptionPanelAccentBarSx = (variant = "spotlight-accent") => {
+var getSubscriptionPanelAccentBarSx = (variant = "spotlight-accent") => {
   const variantStyles = getVariantStyles(variant);
   const isSpotlight = variant.startsWith("spotlight-");
   const gradientBg = variant === "spotlight-accent" ? getAccentGradientBackground : getPrimaryGradientBackground;
@@ -582,14 +582,14 @@ const getSubscriptionPanelAccentBarSx = (variant = "spotlight-accent") => {
     } : {})
   };
 };
-const SubscriptionPanelAccentBarSx = getSubscriptionPanelAccentBarSx("spotlight-accent");
+var SubscriptionPanelAccentBarSx = getSubscriptionPanelAccentBarSx("spotlight-accent");
 
 //#endregion
 //#region src/components/subscriptionPanel/SubscriptionPanelActionsSlot.tsx
 /**
 * Renders action buttons for the subscription card.
 */
-const SubscriptionPanelActionsSlot = ({
+var SubscriptionPanelActionsSlot = ({
   actions
 }) => {
   if (actions.length === 0) return null;
@@ -637,7 +637,7 @@ const SubscriptionPanelActionsSlot = ({
 /**
 * Renders a metric card based on its type.
 */
-const renderMetricCard = params => {
+var renderMetricCard = params => {
   const {
     metric,
     index,
@@ -686,7 +686,7 @@ const renderMetricCard = params => {
 * />
 * ```
 */
-const SubscriptionPanel = ({
+var SubscriptionPanel = ({
   variant = "accent",
   icon,
   planName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-billing",
-  "version": "0.5.15",
+  "version": "0.5.16",
   "description": "Billing UI components for React apps.",
   "keywords": [
     "React",
@@ -25,9 +25,9 @@
     "dist"
   ],
   "dependencies": {
-    "@ttoss/components": "^2.14.23",
-    "@ttoss/react-icons": "^0.7.16",
-    "@ttoss/ui": "^6.9.22"
+    "@ttoss/components": "^2.14.24",
+    "@ttoss/ui": "^6.9.23",
+    "@ttoss/react-icons": "^0.7.17"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
@@ -35,8 +35,8 @@
     "jest": "^30.3.0",
     "react": "^19.2.6",
     "tsdown": "^0.22.0",
-    "@ttoss/test-utils": "^4.2.14",
-    "@ttoss/config": "^1.37.14"
+    "@ttoss/config": "^1.37.15",
+    "@ttoss/test-utils": "^4.2.15"
   },
   "peerDependencies": {
     "react": ">=16.8.0"