igloo-d2c-components 1.0.8 → 1.0.10

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const QuestionContainer: 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 QuestionHeader: 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 QuestionTitle: 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>, {}, {}>;
+export declare const QuestionSubtext: 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>, {}, {}>;
+export declare const OptionsContainer: 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>, {}, {}>;

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

@@ -0,0 +1,92 @@
+/**
+ * Recommendations Drawer Component
+ * Mobile drawer for collecting user preferences and recommendations
+ * Based on Figma design (node-id: 98-22220)
+ */
+import * as React from 'react';
+export interface RecommendationsDrawerProps {
+    /**
+     * Whether the drawer is open
+     */
+    open: boolean;
+    /**
+     * Callback when drawer should close
+     */
+    onClose: () => void;
+    /**
+     * Drawer content (form, questions, etc.)
+     */
+    children: React.ReactNode;
+    /**
+     * Optional header icon
+     */
+    headerIcon?: string;
+    /**
+     * Header title
+     */
+    title?: string;
+    /**
+     * Header subtitle/description
+     */
+    subtitle?: string;
+    /**
+     * Show back button instead of close
+     */
+    showBackButton?: boolean;
+    /**
+     * Back button callback
+     */
+    onBack?: () => void;
+    /**
+     * Primary action button text
+     */
+    primaryButtonText?: string;
+    /**
+     * Primary action callback
+     */
+    onPrimaryAction?: () => void;
+    /**
+     * Primary button disabled state
+     */
+    primaryButtonDisabled?: boolean;
+    /**
+     * Secondary action button text
+     */
+    secondaryButtonText?: string;
+    /**
+     * Secondary action callback
+     */
+    onSecondaryAction?: () => void;
+    /**
+     * Show footer buttons
+     */
+    showFooter?: boolean;
+    /**
+     * Custom footer content
+     */
+    customFooter?: React.ReactNode;
+    /**
+     * Format message function for i18n
+     */
+    formatMessage?: (descriptor: {
+        id: string;
+    }) => string;
+}
+/**
+ * RecommendationsDrawer - Mobile drawer for recommendations and forms
+ *
+ * @example
+ * ```tsx
+ * <RecommendationsDrawer
+ *   open={isOpen}
+ *   onClose={handleClose}
+ *   title="Personalize Your Plan"
+ *   subtitle="Answer a few questions"
+ *   primaryButtonText="Next"
+ *   onPrimaryAction={handleNext}
+ * >
+ *   <QuestionSection question="What is your budget?" />
+ * </RecommendationsDrawer>
+ * ```
+ */
+export declare function RecommendationsDrawer({ open, onClose, children, headerIcon, title, subtitle, showBackButton, onBack, primaryButtonText, onPrimaryAction, primaryButtonDisabled, secondaryButtonText, onSecondaryAction, showFooter, customFooter, formatMessage, }: RecommendationsDrawerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { RecommendationsDrawer } from './RecommendationsDrawer';
+export type { RecommendationsDrawerProps } from './RecommendationsDrawer';
+export * from './styled';

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DrawerHeader: 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 DrawerContent: 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 DrawerFooter: 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 CloseButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & 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" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const HeaderSection: 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 CategoryIcon: 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 TitleText: 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>, {}, {}>;
+export declare const SubtitleText: 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>, {}, {}>;
+export declare const FooterButtons: 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 PrimaryButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & 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" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SecondaryButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & 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" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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,40 @@
  * 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 { 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/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/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 CustomSegments: 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/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/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/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
  */