@opensite/ui 1.3.2 → 1.3.4

package/dist/registry.cjs

@@ -66012,10 +66012,11 @@ function PricingAddonsCards({
       if (addon.featuresSlot) return addon.featuresSlot;
       if (!addon.features || addon.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: addon.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 16,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -66232,10 +66233,11 @@ function PricingAddonsFeatured({
       if (addon.featuresSlot) return addon.featuresSlot;
       if (!addon.features || addon.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: addon.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 16,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -66480,7 +66482,7 @@ function PricingAddonsFeatured({
 function PricingCollapsiblePlans({
   title,
   subtitle,
-  plans,
+  plans = [],
   plansSlot,
   defaultSelectedIndex,
   selectedIndex,
@@ -66537,10 +66539,11 @@ function PricingCollapsiblePlans({
     if (plan.featuresSlot) return plan.featuresSlot;
     if (!plan.features || plan.features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 space-y-3", featuresClassName), children: plan.features.map((feature, index) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 18,
           className: cn(
             "mt-0.5 shrink-0 text-primary",
@@ -66874,10 +66877,11 @@ function PricingColumnsToggle({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-8 flex-1 space-y-4", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -67139,15 +67143,15 @@ function PricingComparisonHeaders({
   yearlyBadge,
   monthlyInterval,
   yearlyInterval,
-  plans,
+  plans = [],
   plansSlot,
   features,
   featuresSlot,
   featureColumnLabel,
   availableIcon,
   unavailableIcon,
-  availableIconName,
-  unavailableIconName,
+  availableIconName = "Check",
+  unavailableIconName = "X",
   background,
   spacing,
   pattern,
@@ -67409,7 +67413,7 @@ function PricingComparisonHeaders({
 function PricingComparisonTable({
   title,
   subtitle,
-  plans,
+  plans = [],
   plansSlot,
   comparisonFeatures,
   comparisonSlot,
@@ -67419,8 +67423,8 @@ function PricingComparisonTable({
   featureIconName,
   availableIcon,
   unavailableIcon,
-  availableIconName,
-  unavailableIconName,
+  availableIconName = "Check",
+  unavailableIconName = "X",
   background,
   spacing,
   pattern,
@@ -67457,10 +67461,11 @@ function PricingComparisonTable({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -67732,10 +67737,11 @@ function PricingDiscountCard({
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3", featuresClassName), children: features.map((feature, index) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 18,
           className: cn(
             "mt-0.5 shrink-0 text-primary",
@@ -67917,7 +67923,7 @@ function PricingEnterpriseContact({
   actionClassName,
   featuresClassName
 }) {
-  const renderActions = useMemo(() => {
+  const renderActions = React52.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -67945,14 +67951,15 @@ function PricingEnterpriseContact({
       );
     });
   }, [actionsSlot, actions, actionClassName]);
-  const renderFeatures = useMemo(() => {
+  const renderFeatures = React52.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, index) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 16,
           className: cn("text-primary", feature.iconClassName)
         }
@@ -68054,8 +68061,8 @@ function PricingFeatureMatrix({
   className,
   title,
   subtitle,
-  plans,
-  featureCategories,
+  plans = [],
+  featureCategories = [],
   background = "default"
 }) {
   const [billingPeriod, setBillingPeriod] = React52.useState("monthly");
@@ -68236,10 +68243,11 @@ function PricingFourTierToggle({
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
         const isIncluded = feature.included !== false;
         const fallbackIconName = isIncluded ? includedIconName : excludedIconName;
-        const resolvedIcon = feature.icon ?? (isIncluded ? includedIcon : excludedIcon) ?? (feature.iconName || fallbackIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || fallbackIconName;
+        const resolvedIcon = feature.icon ?? (isIncluded ? includedIcon : excludedIcon) ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || fallbackIconName,
+            name: iconName,
             size: 16,
             className: cn(
               "mt-0.5 shrink-0",
@@ -68502,16 +68510,16 @@ function PricingFullComparison({
   yearlyBadge,
   monthlyInterval,
   yearlyInterval,
-  plans,
+  plans = [],
   plansSlot,
-  features,
+  features = [],
   comparisonSlot,
   categoryOrder,
   featureColumnLabel,
   availableIcon,
   unavailableIcon,
-  availableIconName,
-  unavailableIconName,
+  availableIconName = "Check",
+  unavailableIconName = "X",
   background,
   spacing,
   pattern,
@@ -68851,10 +68859,11 @@ function PricingGradientCards({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -69127,10 +69136,11 @@ function PricingIconHeaders({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -69356,10 +69366,11 @@ function PricingMinimalCards({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-2", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 16,
             className: cn(
               "shrink-0 text-primary",
@@ -69536,7 +69547,7 @@ function PricingMinimalCards({
 function PricingPackagesRadio({
   title,
   subtitle,
-  packages,
+  packages = [],
   packagesSlot,
   selectedPackageId,
   defaultSelectedPackageId,
@@ -69587,10 +69598,11 @@ function PricingPackagesRadio({
     if (pkg.featuresSlot) return pkg.featuresSlot;
     if (!pkg.features || pkg.features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-4 grid gap-2 sm:grid-cols-2", featuresClassName), children: pkg.features.map((feature, index) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 16,
           className: cn(
             "shrink-0 text-primary",
@@ -69848,10 +69860,11 @@ function PricingPopularHighlight({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -70152,10 +70165,11 @@ function PricingRadioToggle({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-8 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -70397,7 +70411,7 @@ function PricingResponsiveTable({
   title,
   subtitle,
   plans = [],
-  features,
+  features = [],
   background = "default"
 }) {
   const [isYearly, setIsYearly] = React52.useState(false);
@@ -70573,10 +70587,11 @@ function PricingServicesCards({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-8 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -70821,10 +70836,11 @@ function PricingSimpleCard({
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-8 space-y-3", featuresClassName), children: features.map((feature, index) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 18,
           className: cn(
             "mt-0.5 shrink-0 text-primary",
@@ -70979,10 +70995,11 @@ function PricingSingleCard({
       if (group.featuresSlot) return group.featuresSlot;
       if (!group.features || group.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3", groupFeaturesClassName), children: group.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 16,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -71136,7 +71153,7 @@ function PricingSplitLayout({
   description,
   price,
   priceDescription,
-  features,
+  features = [],
   buttonText,
   buttonHref = "#",
   secondaryButtonText,
@@ -71235,14 +71252,15 @@ function PricingSpotlightCard({
   actionClassName,
   finePrintClassName
 }) {
-  const renderFeatures = useMemo(() => {
+  const renderFeatures = React52.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-8 space-y-4", featuresClassName), children: features.map((feature, index) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 14,
           className: cn(
             "text-primary",
@@ -71297,7 +71315,7 @@ function PricingSpotlightCard({
       );
     }) });
   }, [featuresSlot, features, featuresClassName, featureIcon, featureIconName, featureIconClassName, featureItemClassName, featureIconWrapperClassName, featureTextClassName]);
-  const renderActions = useMemo(() => {
+  const renderActions = React52.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -71466,10 +71484,11 @@ function PricingSwitchCards({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -71758,10 +71777,11 @@ function PricingTabsToggle({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-6 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -72021,10 +72041,11 @@ function PricingTierGrid({
       if (tier.featuresSlot) return tier.featuresSlot;
       if (!tier.features || tier.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-6 space-y-3", featuresClassName), children: tier.features.map((feature, index) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 16,
             className: cn(
               "mt-0.5 shrink-0",
@@ -72290,10 +72311,11 @@ function PricingToggleCards({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -72535,9 +72557,9 @@ function PricingToggleCards({
 function PricingTogglePeriod({
   title,
   subtitle,
-  periods,
+  periods = [],
   defaultPeriodId,
-  plans,
+  plans = [],
   plansSlot,
   featureIcon,
   featureIconName,
@@ -72581,10 +72603,11 @@ function PricingTogglePeriod({
     if (plan.featuresSlot) return plan.featuresSlot;
     if (!plan.features || plan.features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-8 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-      const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+      const iconName = feature.iconName || featureIconName;
+      const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
         {
-          name: feature.iconName || featureIconName,
+          name: iconName,
           size: 18,
           className: cn(
             "mt-0.5 shrink-0 text-primary",
@@ -72869,10 +72892,11 @@ function PricingTwoColumnBasic({
       if (plan.featuresSlot) return plan.featuresSlot;
       if (!plan.features || plan.features.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-8 flex-1 space-y-3", featuresClassName), children: plan.features.map((feature, featureIndex) => {
-        const resolvedIcon = feature.icon ?? featureIcon ?? (feature.iconName || featureIconName ? /* @__PURE__ */ jsxRuntime.jsx(
+        const iconName = feature.iconName || featureIconName;
+        const resolvedIcon = feature.icon ?? featureIcon ?? (iconName ? /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: feature.iconName || featureIconName,
+            name: iconName,
             size: 18,
             className: cn(
               "mt-0.5 shrink-0 text-primary",
@@ -79556,7 +79580,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo443 } = React52__namespace;
+var { useMemo: useMemo444 } = React52__namespace;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -79624,7 +79648,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo443(() => {
+  const renderCloseButton = useMemo444(() => {
     if (closeButtonSlot) return closeButtonSlot;
     if (!closeButtonText) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute end-1.5 top-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -79638,12 +79662,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo443(() => {
+  const renderHeader = useMemo444(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: headerClassName, children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = useMemo443(() => {
+  const renderForm = useMemo444(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -79705,7 +79729,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo444 } = React52__namespace;
+var { useMemo: useMemo445 } = React52__namespace;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -79782,7 +79806,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo444(() => {
+  const renderImage = useMemo445(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("max-h-[290px] h-full overflow-hidden max-lg:hidden", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -79795,7 +79819,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo444(() => {
+  const renderCloseButton = useMemo445(() => {
     if (closeButtonSlot) return closeButtonSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -end-px -top-px z-10", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
@@ -79811,7 +79835,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo444(() => {
+  const renderForm = useMemo445(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -79874,7 +79898,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo444(() => {
+  const renderFooter = useMemo445(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: cn("text-muted-foreground text-center text-xs leading-relaxed", descriptionClassName), children: description }) });
@@ -79994,7 +80018,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo445 } = React52__namespace;
+var { useMemo: useMemo446 } = React52__namespace;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -80077,7 +80101,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo445(() => {
+  const renderLogo = useMemo446(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -80091,7 +80115,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo445(() => {
+  const renderHeader = useMemo446(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -80101,7 +80125,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo445(() => {
+  const renderForm = useMemo446(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       forms.Form,
@@ -80149,7 +80173,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo445(() => {
+  const renderLegal = useMemo446(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -80163,7 +80187,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo445(() => {
+  const renderImage = useMemo446(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-1/2 basis-1/2", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(