@olwiba/ui 0.1.10 → 0.1.11

package/dist/index.d.ts

@@ -521,10 +521,14 @@ interface PricingCardProps extends React.HTMLAttributes<HTMLDivElement> {
     cta: string;
     highlighted?: boolean;
     disabled?: boolean;
+    /** Disables only the CTA button, leaving the rest of the card interactive. */
+    ctaDisabled?: boolean;
     badge?: React.ReactNode;
+    /** Rendered directly below the CTA button (e.g. a "Get notified" link). */
+    footer?: React.ReactNode;
     onSelect?: () => void;
 }
-declare function PricingCard({ name, price, period, description, features, cta, highlighted, disabled, badge, onSelect, className, ...props }: PricingCardProps): react_jsx_runtime.JSX.Element;
+declare function PricingCard({ name, price, period, description, features, cta, highlighted, disabled, ctaDisabled, badge, footer, onSelect, className, ...props }: PricingCardProps): react_jsx_runtime.JSX.Element;
 
 interface PricingPlan {
     name: string;
@@ -534,6 +538,8 @@ interface PricingPlan {
     cta: string;
     highlighted?: boolean;
     disabled?: boolean;
+    /** Disables only the CTA button, leaving the rest of the card interactive. */
+    ctaDisabled?: boolean;
     features: PricingFeature[];
     /** Overrides computed price display (e.g. "$?" for community/reach-out tiers). */
     priceDisplay?: string;
@@ -551,8 +557,10 @@ interface PricingSectionProps {
     footnote?: string;
     mode?: 'subscription' | 'one-time';
     foundingDeadline?: string;
+    /** Rendered below each plan's CTA button (e.g. a "Get notified" link). */
+    renderPlanFooter?: (plan: PricingPlan) => React.ReactNode;
 }
-declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, mode, foundingDeadline, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
+declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, mode, foundingDeadline, renderPlanFooter, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
 
 interface TestimonialsSectionProps {
     title?: string;

package/dist/index.js

@@ -1455,7 +1455,9 @@ function PricingCard({
   cta,
   highlighted = false,
   disabled = false,
+  ctaDisabled = false,
   badge,
+  footer,
   onSelect,
   className,
   ...props
@@ -1488,10 +1490,11 @@ function PricingCard({
             variant: highlighted ? "default" : "outline",
             className: "mt-6 w-full",
             onClick: onSelect,
-            disabled,
+            disabled: disabled || ctaDisabled,
             children: cta
           }
         ),
+        footer && /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm", children: footer }),
         /* @__PURE__ */ jsx(Separator, { className: "my-6" }),
         /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-sm", children: features.map((feat) => /* @__PURE__ */ jsx("li", { className: "flex items-center gap-2", children: feat.included ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0 text-primary" }),
@@ -1583,7 +1586,8 @@ function PricingSection({
   renderLink = defaultRenderLink7,
   footnote,
   mode = "subscription",
-  foundingDeadline
+  foundingDeadline,
+  renderPlanFooter
 }) {
   const [annual, setAnnual] = React29.useState(false);
   const isOneTime = mode === "one-time";
@@ -1647,7 +1651,9 @@ function PricingSection({
           cta: plan.cta,
           highlighted: plan.highlighted,
           disabled: plan.disabled,
-          badge: badge2
+          ctaDisabled: plan.ctaDisabled,
+          badge: badge2,
+          footer: renderPlanFooter?.(plan)
         },
         plan.name
       );