igloo-d2c-components 1.0.13 → 1.0.14

package/dist/types/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,45 @@
+/**
+ * ToggleGroup Component
+ * Toggle button group for selecting between options (e.g., Domestic/International)
+ */
+export interface ToggleOption {
+    value: string;
+    label: string;
+    icon?: string;
+}
+export interface ToggleGroupProps {
+    /**
+     * Available options
+     */
+    options: ToggleOption[];
+    /**
+     * Currently selected value
+     */
+    value: string;
+    /**
+     * Callback when value changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * Format message function for i18n
+     */
+    formatMessage?: (descriptor: {
+        id: string;
+    }) => string;
+}
+/**
+ * ToggleGroup - Segmented control for switching between options
+ *
+ * @example
+ * ```tsx
+ * <ToggleGroup
+ *   options={[
+ *     { value: 'domestic', label: 'Domestic', icon: '🏠' },
+ *     { value: 'international', label: 'International', icon: '✈️' }
+ *   ]}
+ *   value={selectedType}
+ *   onChange={setSelectedType}
+ * />
+ * ```
+ */
+export declare function ToggleGroup({ options, value, onChange, formatMessage, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ToggleGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { ToggleGroup } from './ToggleGroup';
+export type { ToggleGroupProps, ToggleOption } from './ToggleGroup';
+export * from './styled';

package/dist/types/components/ToggleGroup/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const ToggleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean | undefined;
+}, {}, {}>;
+export declare const ToggleIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ToggleLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "fontFamily" | "children" | "p" | "style" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | "border" | "className" | "classes" | "sx" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean | undefined;
+}, {}, {}>;

package/dist/types/context/TenantThemeContext.d.ts

@@ -26,9 +26,10 @@ export interface TenantThemeProviderProps {
 export declare function TenantThemeProvider({ children, tenantId, theme, }: TenantThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access tenant theme configuration
- * @throws Error if used outside TenantThemeProvider
+ * Returns undefined during SSR if context is not available
+ * @returns TenantContextValue or undefined during SSR
  */
-export declare function useTenantTheme(): TenantContextValue;
+export declare function useTenantTheme(): TenantContextValue | undefined;
 /**
  * Hook to get tenant ID
  */

package/dist/types/index.d.ts

@@ -2,14 +2,62 @@
  * D2C Component Library
  * Reusable components with tenant-aware theming
  */
-export { TenantThemeProvider, useTenantTheme, useTenantId, useIsTenant, } from './context/TenantThemeContext';
+export { TenantThemeProvider, useIsTenant, useTenantId, useTenantTheme } from './context/TenantThemeContext';
 export type { TenantThemeProviderProps } from './context/TenantThemeContext';
-export type { ColorShade, TenantPalette, TenantTypography, TenantThemeConfig, TenantContextValue, TenantId, } from './types/tenant';
-export { iglooTheme, cimbTheme, ammetlifeTheme, tenantThemes, getTenantTheme, isValidTenantId, getAvailableTenants, } from './themes';
+export type { ColorShade, TenantContextValue, TenantId, TenantPalette, TenantThemeConfig, TenantTypography } from './types/tenant';
+export { ammetlifeTheme, cimbTheme, getAvailableTenants, getTenantTheme, iglooTheme, isValidTenantId, tenantThemes } from './themes';
+export { ammetlifeTypography, cimbTypography, getTenantTypography, iglooTypography, tenantTypography, } from './themes/typography';
+export type { TenantTypographyConfig, TypographyVariant, } from './themes/typography';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
 export { Card } from './components/Card';
 export type { CardProps } from './components/Card';
 export { Banner } from './components/Banner';
 export type { BannerProps } from './components/Banner';
-export { getThemeColor, mergeTenantTheme, createThemeCSSVariables } from './utils/theme';
+export { Header } from './components/Header';
+export type { HeaderProps, LanguageOption, NavigationLink } from './components/Header';
+export { NewHeader } from './components/NewHeader';
+export type { NewHeaderNavigationLink, NewHeaderProps } from './components/NewHeader';
+export { Footer } from './components/Footer';
+export type { FooterLicenseImage, FooterNavigationLink, FooterProps, SocialLink } from './components/Footer';
+export { RecommendationsDrawer } from './components/RecommendationsDrawer';
+export type { RecommendationsDrawerProps } from './components/RecommendationsDrawer';
+export { ProductSelectionDrawer } from './components/ProductSelectionDrawer';
+export type { Product, ProductSelectionDrawerProps } from './components/ProductSelectionDrawer';
+export { QuestionSection } from './components/QuestionSection';
+export type { QuestionOption, QuestionSectionProps } from './components/QuestionSection';
+export { OptionButton } from './components/OptionButton';
+export type { OptionButtonProps } from './components/OptionButton';
+export { ToggleGroup } from './components/ToggleGroup';
+export type { ToggleGroupProps, ToggleOption } from './components/ToggleGroup';
+export { BillingToggle } from './components/BillingToggle';
+export type { BillingToggleProps } from './components/BillingToggle';
+export { InfoCallout } from './components/InfoCallout';
+export type { InfoCalloutProps } from './components/InfoCallout';
+export { CoverageAmountSlider } from './components/CoverageAmountSlider';
+export type { CoverageAmountSliderProps } from './components/CoverageAmountSlider';
+export { CheckoutProgress } from './components/CheckoutProgress';
+export type { CheckoutProgressProps } from './components/CheckoutProgress';
+export { ProductCard } from './components/ProductCard';
+export type { ProductCardProps } from './components/ProductCard';
+export { CheckoutHeader } from './components/CheckoutHeader';
+export type { CheckoutHeaderProps } from './components/CheckoutHeader';
+export { CheckoutFormButton } from './components/CheckoutFormButton';
+export type { CheckoutFormButtonProps } from './components/CheckoutFormButton';
+export { HealthQuestionGroup } from './components/HealthQuestionGroup';
+export type { HealthQuestionGroupProps } from './components/HealthQuestionGroup';
+export { PersonalInformationForm } from './components/PersonalInformationForm';
+export type { PersonalInformationField, PersonalInformationFormProps } from './components/PersonalInformationForm';
+export { ContactDetailsForm } from './components/ContactDetailsForm';
+export type { ContactDetailsField, ContactDetailsFormProps } from './components/ContactDetailsForm';
+export { HealthInformationForm } from './components/HealthInformationForm';
+export type { HealthInformationField, HealthInformationFormProps, HealthQuestion } from './components/HealthInformationForm';
+export { ChildInformationForm } from './components/ChildInformationForm';
+export type { ChildInformationField, ChildInformationFormProps } from './components/ChildInformationForm';
+export { FAQAccordion } from './components/FAQAccordion';
+export type { FAQAccordionProps, FAQItem } from './components/FAQAccordion';
+export { BenefitsSummary } from './components/BenefitsSummary';
+export type { BenefitItem, BenefitsSummaryProps } from './components/BenefitsSummary';
+export { getTenantAssetPath, getTenantLogoPath, useTenantAsset, useTenantFavicon, useTenantLogo } from './utils/assets';
+export { createThemeCSSVariables, getThemeColor, mergeTenantTheme } from './utils/theme';
+export * from './assets';

package/dist/types/{components/Banner → storybook-components}/Banner.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { Banner } from './Banner';
+import { Banner } from '../components/Banner';
 declare const _default: ComponentMeta<typeof Banner>;
 export default _default;
 export declare const Default: ComponentStory<typeof Banner>;

package/dist/types/storybook-components/BenefitsSummary.stories.d.ts

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { BenefitsSummary } from '../components/BenefitsSummary';
+declare const meta: Meta<typeof BenefitsSummary>;
+export default meta;
+type Story = StoryObj<typeof BenefitsSummary>;
+/**
+ * Default Benefits Summary with sample data
+ */
+export declare const Default: Story;
+/**
+ * Benefits Summary with custom title
+ */
+export declare const CustomTitle: Story;
+/**
+ * Benefits Summary with custom background color
+ */
+export declare const CustomBackground: Story;
+/**
+ * Benefits Summary with larger icons
+ */
+export declare const LargeIcons: Story;
+/**
+ * Benefits Summary with minimal benefits
+ */
+export declare const MinimalBenefits: Story;
+/**
+ * Benefits Summary with AmMetLife theme
+ */
+export declare const AmMetLifeTheme: Story;
+/**
+ * Benefits Summary with CIMB theme
+ */
+export declare const CIMBTheme: Story;
+/**
+ * Benefits Summary with Igloo theme
+ */
+export declare const IglooTheme: Story;

package/dist/types/storybook-components/BillingToggle.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { BillingToggle } from '../components/BillingToggle';
+declare const _default: ComponentMeta<typeof BillingToggle>;
+export default _default;
+export declare const Default: ComponentStory<typeof BillingToggle>;
+export declare const AnnuallySelected: ComponentStory<typeof BillingToggle>;
+export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomFormatMessage: ComponentStory<typeof BillingToggle>;
+export declare const WithCIMBTheme: ComponentStory<typeof BillingToggle>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof BillingToggle>;

package/dist/types/{components/Button → storybook-components}/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { Button } from './Button';
+import { Button } from '../components/Button';
 declare const _default: ComponentMeta<typeof Button>;
 export default _default;
 export declare const Default: ComponentStory<typeof Button>;

package/dist/types/{components/Card → storybook-components}/Card.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { Card } from './Card';
+import { Card } from '../components/Card';
 declare const _default: ComponentMeta<typeof Card>;
 export default _default;
 export declare const Default: ComponentStory<typeof Card>;

package/dist/types/storybook-components/CheckoutProgress.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
+export default _default;
+export declare const Step1: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
+export declare const Step2: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
+export declare const Step3: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
+export declare const WithoutBackButton: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;
+export declare const FiveSteps: ComponentStory<import("react").FC<import("../components/CheckoutProgress").CheckoutProgressProps>>;

package/dist/types/storybook-components/CoverageAmountSlider.stories.d.ts

@@ -0,0 +1,14 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { CoverageAmountSlider } from '../components/CoverageAmountSlider';
+declare const _default: ComponentMeta<typeof CoverageAmountSlider>;
+export default _default;
+export declare const Default: ComponentStory<typeof CoverageAmountSlider>;
+export declare const MidRange: ComponentStory<typeof CoverageAmountSlider>;
+export declare const Maximum: ComponentStory<typeof CoverageAmountSlider>;
+export declare const CustomSteps: ComponentStory<typeof CoverageAmountSlider>;
+export declare const CustomCurrency: ComponentStory<typeof CoverageAmountSlider>;
+export declare const LargeRange: ComponentStory<typeof CoverageAmountSlider>;
+export declare const SmallRange: ComponentStory<typeof CoverageAmountSlider>;
+export declare const WithCIMBTheme: ComponentStory<typeof CoverageAmountSlider>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof CoverageAmountSlider>;
+export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/storybook-components/FAQAccordion.stories.d.ts

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FAQAccordion } from '../components/FAQAccordion';
+declare const meta: Meta<typeof FAQAccordion>;
+export default meta;
+type Story = StoryObj<typeof FAQAccordion>;
+/**
+ * Default FAQ Accordion with sample data
+ */
+export declare const Default: Story;
+/**
+ * FAQ Accordion with custom title
+ */
+export declare const CustomTitle: Story;
+/**
+ * FAQ Accordion with custom background color
+ */
+export declare const CustomBackground: Story;
+/**
+ * FAQ Accordion with a default expanded item
+ */
+export declare const DefaultExpanded: Story;
+/**
+ * FAQ Accordion with minimal FAQs
+ */
+export declare const MinimalFAQs: Story;
+/**
+ * FAQ Accordion with AmMetLife theme
+ */
+export declare const AmMetLifeTheme: Story;
+/**
+ * FAQ Accordion with CIMB theme
+ */
+export declare const CIMBTheme: Story;
+/**
+ * FAQ Accordion with Igloo theme
+ */
+export declare const IglooTheme: Story;

package/dist/types/storybook-components/Footer.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Footer } from '../components/Footer';
+declare const _default: ComponentMeta<typeof Footer>;
+export default _default;
+export declare const Default: ComponentStory<typeof Footer>;
+export declare const SimplifiedLayout: ComponentStory<typeof Footer>;
+export declare const MobileView: ComponentStory<typeof Footer>;
+export declare const WithPoweredBy: ComponentStory<typeof Footer>;
+export declare const WithCIMBTheme: ComponentStory<typeof Footer>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof Footer>;

package/dist/types/storybook-components/Header.stories.d.ts

@@ -0,0 +1,9 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Header } from '../components/Header';
+declare const _default: ComponentMeta<typeof Header>;
+export default _default;
+export declare const Default: ComponentStory<typeof Header>;
+export declare const WithUser: ComponentStory<typeof Header>;
+export declare const MobileView: ComponentStory<typeof Header>;
+export declare const WithCIMBTheme: ComponentStory<typeof Header>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof Header>;

package/dist/types/storybook-components/HealthQuestionGroup.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
+export declare const WithYesSelected: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
+export declare const WithError: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
+export declare const PregnancyQuestion: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;
+export declare const MultilineQuestion: ComponentStory<import("react").FC<import("../components/HealthQuestionGroup").HealthQuestionGroupProps>>;

package/dist/types/storybook-components/InfoCallout.stories.d.ts

@@ -0,0 +1,11 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { InfoCallout } from '../components/InfoCallout';
+declare const _default: ComponentMeta<typeof InfoCallout>;
+export default _default;
+export declare const Default: ComponentStory<typeof InfoCallout>;
+export declare const CustomTitle: ComponentStory<typeof InfoCallout>;
+export declare const LongContent: ComponentStory<typeof InfoCallout>;
+export declare const ShortContent: ComponentStory<typeof InfoCallout>;
+export declare const WithCustomFormatMessage: ComponentStory<typeof InfoCallout>;
+export declare const WithCIMBTheme: ComponentStory<typeof InfoCallout>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof InfoCallout>;

package/dist/types/storybook-components/NewHeader.stories.d.ts

@@ -0,0 +1,82 @@
+/**
+ * NewHeader Storybook Stories
+ * Interactive documentation and testing for the NewHeader component
+ */
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { NewHeader } from '../components/NewHeader';
+declare const _default: ComponentMeta<typeof NewHeader>;
+export default _default;
+/**
+ * Default story - Basic header with Igloo branding
+ */
+export declare const Default: ComponentStory<typeof NewHeader>;
+/**
+ * Authenticated User story
+ */
+export declare const AuthenticatedUser: ComponentStory<typeof NewHeader>;
+/**
+ * Mobile View story
+ */
+export declare const MobileView: ComponentStory<typeof NewHeader>;
+/**
+ * CIMB Tenant story
+ */
+export declare const CIMBTenant: ComponentStory<typeof NewHeader>;
+/**
+ * AmMetLife Tenant story
+ */
+export declare const AmMetLifeTenant: ComponentStory<typeof NewHeader>;
+/**
+ * Minimal story - No navigation links
+ */
+export declare const MinimalHeader: ComponentStory<typeof NewHeader>;
+/**
+ * Custom Drawer Content story
+ */
+export declare const CustomDrawerContent: ComponentStory<typeof NewHeader>;
+/**
+ * Many Menu Items story - Testing overflow
+ */
+export declare const ManyMenuItems: ComponentStory<typeof NewHeader>;
+/**
+ * Without Logo story - Edge case testing
+ */
+export declare const WithoutLogo: ComponentStory<typeof NewHeader>;
+/**
+ * Internationalization story
+ */
+export declare const WithInternationalization: ComponentStory<typeof NewHeader>;
+/**
+ * Interactive Demo story
+ */
+export declare const InteractiveDemo: ComponentStory<typeof NewHeader>;
+/**
+ * All Tenants Comparison
+ */
+export declare const AllTenants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+/**
+ * Responsive Demo story
+ */
+export declare const ResponsiveDemo: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+/**
+ * Kitchen Sink story - All features
+ */
+export declare const KitchenSink: ComponentStory<typeof NewHeader>;

package/dist/types/storybook-components/OptionButton.stories.d.ts

@@ -0,0 +1,12 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { OptionButton } from '../components/OptionButton';
+declare const _default: ComponentMeta<typeof OptionButton>;
+export default _default;
+export declare const Default: ComponentStory<typeof OptionButton>;
+export declare const Selected: ComponentStory<typeof OptionButton>;
+export declare const WithIcon: ComponentStory<typeof OptionButton>;
+export declare const Disabled: ComponentStory<typeof OptionButton>;
+export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
+export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleOptions: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCIMBTheme: ComponentStory<typeof OptionButton>;

package/dist/types/storybook-components/ProductCard.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
+export declare const WithLogo: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
+export declare const WithoutIndicator: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
+export declare const AnnualBilling: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;
+export declare const NoPlan: ComponentStory<import("react").FC<import("../components/ProductCard").ProductCardProps>>;

package/dist/types/storybook-components/ProductSelectionDrawer.stories.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Product Selection Drawer Stories
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+import { ProductSelectionDrawer } from '../components/ProductSelectionDrawer';
+declare const meta: Meta<typeof ProductSelectionDrawer>;
+export default meta;
+type Story = StoryObj<typeof ProductSelectionDrawer>;
+/**
+ * Default story showing the product selection drawer
+ */
+export declare const Default: Story;
+/**
+ * Story with custom text
+ */
+export declare const CustomText: Story;
+/**
+ * Story with fewer products
+ */
+export declare const TwoProducts: Story;
+/**
+ * Interactive story with button to open drawer
+ */
+export declare const Interactive: Story;

package/dist/types/storybook-components/QuestionSection.stories.d.ts

@@ -0,0 +1,11 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { QuestionSection } from '../components/QuestionSection';
+declare const _default: ComponentMeta<typeof QuestionSection>;
+export default _default;
+export declare const Default: ComponentStory<typeof QuestionSection>;
+export declare const WithSelection: ComponentStory<typeof QuestionSection>;
+export declare const WithoutNumber: ComponentStory<typeof QuestionSection>;
+export declare const MultipleSelection: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomRenderer: ComponentStory<typeof QuestionSection>;
+export declare const LongQuestion: ComponentStory<typeof QuestionSection>;
+export declare const WithCIMBTheme: ComponentStory<typeof QuestionSection>;

package/dist/types/storybook-components/RecommendationsDrawer.stories.d.ts

@@ -0,0 +1,36 @@
+/**
+ * RecommendationsDrawer Storybook Stories
+ * Interactive testing for recommendations drawer and form components
+ */
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { RecommendationsDrawer } from '../components/RecommendationsDrawer';
+declare const _default: ComponentMeta<typeof RecommendationsDrawer>;
+export default _default;
+export declare const Default: ComponentStory<typeof RecommendationsDrawer>;
+export declare const CompleteQuestionnaire: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SingleQuestion: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithBackButton: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithToggleGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const OptionButtonsShowcase: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomFooter: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithoutFooter: () => import("react/jsx-runtime").JSX.Element;
+export declare const TravelInsuranceExample: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const MobileViewport: ComponentStory<typeof RecommendationsDrawer>;

package/dist/types/storybook-components/ToggleGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { ToggleGroup } from '../components/ToggleGroup';
+declare const _default: ComponentMeta<typeof ToggleGroup>;
+export default _default;
+export declare const Default: ComponentStory<typeof ToggleGroup>;
+export declare const ThreeOptions: ComponentStory<typeof ToggleGroup>;
+export declare const WithoutIcons: ComponentStory<typeof ToggleGroup>;
+export declare const WithImageIcons: ComponentStory<typeof ToggleGroup>;
+export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCIMBTheme: ComponentStory<typeof ToggleGroup>;

package/dist/types/themes/index.d.ts

@@ -2,7 +2,7 @@
  * Tenant Theme Configurations
  * Centralized theme definitions for all tenants
  */
-import { TenantThemeConfig, TenantId } from '../types/tenant';
+import { TenantId, TenantThemeConfig } from '../types/tenant';
 /**
  * Igloo Theme Configuration
  */

package/dist/types/themes/typography.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Tenant Typography Configurations
+ * Centralized typography definitions for all tenants
+ * Based on b2c-web-demo typography structure
+ */
+import { TenantId } from '../types/tenant';
+export interface TypographyVariant {
+    fontSize: string;
+    fontStyle?: string;
+    fontWeight: number | string;
+    lineHeight: string;
+    '@media (max-width:600px)'?: {
+        fontSize: string;
+        fontStyle?: string;
+        fontWeight: number | string;
+        lineHeight: string;
+    };
+    '@media (min-width:600px)'?: {
+        fontSize?: string;
+        fontStyle?: string;
+        fontWeight?: number | string;
+        lineHeight?: string;
+    };
+}
+export interface TenantTypographyConfig {
+    fontFamily: string;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemiBold: number;
+    fontWeightBold: number;
+    fontWeightExtraBold: number;
+    fontWeightExtraBlack: number;
+    H1?: TypographyVariant;
+    h1?: TypographyVariant;
+    h2?: TypographyVariant;
+    h3?: TypographyVariant;
+    h4?: TypographyVariant;
+    bodyStrongLarge?: TypographyVariant;
+    bodyStrongMedium?: TypographyVariant;
+    bodyStrongSmall?: TypographyVariant;
+    bodyLarge?: TypographyVariant;
+    bodyMedium?: TypographyVariant;
+    bodySmall?: TypographyVariant;
+    smallText?: TypographyVariant;
+    [key: string]: any;
+}
+/**
+ * Igloo Typography Configuration
+ */
+export declare const iglooTypography: TenantTypographyConfig;
+/**
+ * CIMB Typography Configuration
+ */
+export declare const cimbTypography: TenantTypographyConfig;
+/**
+ * AmmetLife Typography Configuration
+ */
+export declare const ammetlifeTypography: TenantTypographyConfig;
+/**
+ * Typography Registry
+ * Map of tenant IDs to their typography configurations
+ */
+export declare const tenantTypography: Record<TenantId, TenantTypographyConfig>;
+/**
+ * Get typography configuration by tenant ID
+ * @param tenantId - The tenant identifier
+ * @returns Typography configuration for the specified tenant
+ */
+export declare function getTenantTypography(tenantId: TenantId): TenantTypographyConfig;