@srimandir/pitru-paksh-common 2.0.17 → 2.0.18

package/dist/components/EventHeader/EventHeader.d.ts

@@ -0,0 +1,28 @@
+export interface EventHeaderProps {
+    /** e.g. "Pitru Paksh Special" — rendered between the two star marks */
+    badgeLabel: string;
+    /** e.g. "27 September - 12 October, 2026" */
+    dateRangeLabel: string;
+    /** e.g. "Perform Puja Chadhava and Seva in memory of your ancestor" */
+    headline: string;
+    /** Width of the decorative mandala, in px (number) or any CSS size. Height auto-scales to preserve its native aspect ratio (1:1). Defaults to 225. */
+    mandalaWidth?: number | string;
+    /** Offset from the header's top edge, in px (number) or any CSS size — negative values push it further out of view. Defaults to -149 (shows just the bottom arc peeking above the logo). */
+    mandalaTop?: number | string;
+    /** Set to hide the mandala entirely. */
+    showMandala?: boolean;
+    className?: string;
+}
+/**
+ * Campaign header banner shown at the top of Pitru Paksha landing pages: a
+ * decorative mandala, Sri Mandir logo, an event badge, a date-range pill, and
+ * a bold headline, over a cream-to-white gradient.
+ *
+ * @example
+ * <EventHeader
+ *   badgeLabel="Pitru Paksh Special"
+ *   dateRangeLabel="27 September - 12 October, 2026"
+ *   headline="Perform Puja Chadhava and Seva in memory of your ancestor"
+ * />
+ */
+export declare function EventHeader({ badgeLabel, dateRangeLabel, headline, mandalaWidth, mandalaTop, showMandala, className, }: EventHeaderProps): import("react").JSX.Element;

package/dist/components/EventHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { EventHeader } from './EventHeader';
+export type { EventHeaderProps } from './EventHeader';

package/dist/components/RitualProceedBar/RitualProceedBar.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export interface RitualProceedBarProps {
+    /** e.g. "₹1002/-" — when omitted, the bar renders a single full-width proceed button (nothing selected yet). */
+    amount?: ReactNode;
+    amountClassName?: string;
+    /** e.g. "2 Rituals" — shown under the amount. */
+    subtitle?: ReactNode;
+    subtitleClassName?: string;
+    /** Info icon next to the amount — click to reveal a bill breakdown, etc. Pass `onInfoClick` to make it interactive. */
+    showInfoIcon?: boolean;
+    onInfoClick?: () => void;
+    /** CTA label, e.g. "Continue". */
+    proceedLabel?: ReactNode;
+    /** Trailing icon on the CTA. Defaults to an arrow. Pass `null` to hide it. */
+    proceedIcon?: ReactNode;
+    onProceed?: () => void;
+    /** Renders a flat, muted button. Defaults to `amount == null` (nothing to proceed with yet). */
+    disabled?: boolean;
+    /** Extra props forwarded to the underlying `Button` (size, loading, ...). */
+    proceedButtonProps?: Omit<ButtonProps, 'children' | 'onClick' | 'disabled' | 'variant'>;
+    className?: string;
+}
+/**
+ * Sticky bottom bar for a ritual-selection flow, over a cream-to-pink
+ * gradient. Two states, switched by whether `amount` is passed:
+ * - No `amount`: a single full-width, muted proceed button (nothing picked yet).
+ * - With `amount`: the total + an optional "N Rituals" subtitle on the left,
+ *   and a green "Continue" button on the right.
+ *
+ * @example
+ * <RitualProceedBar amount="₹1002/-" subtitle="2 Rituals" proceedLabel="Continue" onProceed={...} />
+ * <RitualProceedBar proceedLabel="Continue" onProceed={...} /> // nothing selected yet
+ */
+export declare function RitualProceedBar({ amount, amountClassName, subtitle, subtitleClassName, showInfoIcon, onInfoClick, proceedLabel, proceedIcon, onProceed, disabled, proceedButtonProps, className, }: RitualProceedBarProps): import("react").JSX.Element;

package/dist/components/RitualProceedBar/index.d.ts

@@ -0,0 +1,2 @@
+export { RitualProceedBar } from './RitualProceedBar';
+export type { RitualProceedBarProps } from './RitualProceedBar';

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 export { Button, buttonVariants } from './components/Button';
 export type { ButtonProps } from './components/Button';
+export { EventHeader } from './components/EventHeader';
+export type { EventHeaderProps } from './components/EventHeader';
+export { RitualProceedBar } from './components/RitualProceedBar';
+export type { RitualProceedBarProps } from './components/RitualProceedBar';
 export { TestimonialCard } from './components/TestimonialCard';
 export type { TestimonialCardProps } from './components/TestimonialCard';
 export { FAQSection } from './components/FAQSection';