@olwiba/ui 0.2.2 → 0.2.3

package/dist/index.d.ts

@@ -672,10 +672,14 @@ interface PricingSectionProps {
     footnote?: string;
     mode?: 'subscription' | 'one-time';
     foundingDeadline?: string;
+    /** Symbol prepended to the computed price. Ignored by plans with `priceDisplay`. */
+    currency?: string;
+    /** Badge label for `highlighted` plans with no active `foundingDeadline` countdown. Pass '' to show no badge. */
+    highlightedBadgeLabel?: 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, renderPlanFooter, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
+declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, mode, foundingDeadline, currency, highlightedBadgeLabel, renderPlanFooter, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
 
 interface TestimonialsSectionProps {
     title?: string;

package/dist/index.js

@@ -2134,6 +2134,8 @@ function PricingSection({
   footnote,
   mode = "subscription",
   foundingDeadline,
+  currency = "$",
+  highlightedBadgeLabel = "Founding member",
   renderPlanFooter
 }) {
   const [annual, setAnnual] = React32.useState(false);
@@ -2184,9 +2186,9 @@ function PricingSection({
     ] }),
     /* @__PURE__ */ jsx(StaggerChildren, { className: "mt-10 grid gap-4 lg:grid-cols-3", children: plans.map((plan) => {
       const rawPrice = isOneTime ? plan.monthly : annual ? plan.annual : plan.monthly;
-      const price = plan.priceDisplay ?? `$${rawPrice}`;
+      const price = plan.priceDisplay ?? `${currency}${rawPrice}`;
       const period = plan.periodDisplay ?? (isOneTime ? "one-time" : rawPrice > 0 ? "/mo" : "");
-      const badge2 = plan.highlighted && foundingDeadline ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full border bg-secondary px-2.5 py-0.5 text-xs font-semibold text-secondary-foreground", children: /* @__PURE__ */ jsx(CountdownTimer, { deadline: foundingDeadline, compact: true }) }) : plan.highlighted ? "Founding member" : void 0;
+      const badge2 = plan.highlighted && foundingDeadline ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full border bg-secondary px-2.5 py-0.5 text-xs font-semibold text-secondary-foreground", children: /* @__PURE__ */ jsx(CountdownTimer, { deadline: foundingDeadline, compact: true }) }) : plan.highlighted && highlightedBadgeLabel ? highlightedBadgeLabel : void 0;
       return /* @__PURE__ */ jsx(
         PricingCard,
         {