@tactics/lokaal-loket 0.0.80 → 0.0.83

package/build/index.d.cts

@@ -5,291 +5,12 @@ export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, Typograph
 import { ThemeMode } from '@tactics/tacky';
 export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, StyleProviderRouter, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
 
-declare enum IconContext {
-    STANDARD = "STANDARD",
-    SUPPORTING = "SUPPORTING",
-    DARK = "DARK",
-    LIGHT = "LIGHT",
-    DISABLED = "DISABLED",
-    DANGER = "DANGER",
-    WARNING = "WARNING",
-    SUCCESS = "SUCCESS",
-    INFO = "INFO"
-}
-declare enum IconSize {
-    XSMALL = "XSMALL",
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE"
-}
-declare enum IconType {
-    CANCEL = "CANCEL",
-    ARROW_LEFT = "ARROW_LEFT",
-    ARROW_RIGHT = "ARROW_RIGHT",
-    CHEVRON_DOWN = "CHEVRON_DOWN",
-    CHEVRON_UP = "CHEVRON_UP",
-    CHEVRON_RIGHT = "CHEVRON_RIGHT",
-    CHEVRON_LEFT = "CHEVRON_LEFT",
-    EDIT = "EDIT",
-    SEND = "SEND",
-    REDO = "REDO",
-    PROFILE = "PROFILE",
-    CHECK = "CHECK",
-    TRANSLATION = "TRANSLATION",
-    MAP = "MAP",
-    EURO = "EURO",
-    BABY = "BABY",
-    PIN = "PIN",
-    DISTANCE = "DISTANCE",
-    DOCUMENT = "DOCUMENT",
-    FAVORITE = "FAVORITE",
-    MENU = "MENU",
-    ADD = "ADD",
-    MINUS = "MINUS",
-    COMMENT = "COMMENT",
-    IN_PROCESS = "IN_PROCESS",
-    COLLAPSE = "COLLAPSE",
-    EXPAND = "EXPAND",
-    SEARCH = "SEARCH",
-    BEST_FIT = "BEST_FIT",
-    BIKE = "BIKE",
-    CAR = "CAR",
-    WALK = "WALK",
-    PUBLIC_TRANSPORT = "PUBLIC_TRANSPORT",
-    FACEBOOK = "FACEBOOK",
-    INSTAGRAM = "INSTAGRAM",
-    LOCATION = "LOCATION"
-}
-
-interface IIconLoad {
-    size?: IconSize;
-    type: IconType;
-    screenReaderText: string;
-}
-interface IIcon extends IIconLoad {
-    context?: IconContext;
-}
-
-type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
-interface AutoCompleteContextType<T> {
-    input: string;
-    setInput: SetState<string>;
-    selected: T | null;
-    setSelected: SetState<T | null>;
-    index: number | null;
-    setIndex: SetState<number | null>;
-    hasFocus: boolean;
-    setHasFocus: SetState<boolean>;
-}
-
-declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
-
-declare enum InputContext {
-    DISABLED = "DISABLED",
-    ERROR = "ERROR",
-    STANDARD = "STANDARD"
-}
-
-interface InputChangeEvent {
-    value: string;
-    event: React$1.ChangeEvent<HTMLInputElement>;
-}
-interface InputBlurEvent {
-    value: string;
-    event: React$1.FocusEvent<HTMLInputElement, Element>;
-}
-interface InputFocusEvent {
-    value: string;
-    event: React$1.FocusEvent<HTMLInputElement, Element>;
-}
-interface IInputBase {
-    defaultValue?: string;
-    onChange?: (e: InputChangeEvent) => void;
-    onBlur?: (e: InputBlurEvent) => void;
-    onFocus?: (e: InputFocusEvent) => void;
-    value?: string;
-    placeholder?: string;
-    ariaLabel?: string;
-    name: string;
-    withIconBefore?: React$1.ReactElement<IIcon>;
-    withIconAfter?: React$1.ReactElement<IIcon>;
-}
-interface IInput extends IInputBase {
-    context?: InputContext;
-}
-interface InteractiveStyledInputProps {
-    border: string;
-    background: string;
-    color: string;
-}
-interface IInputTheme {
-    initial: InteractiveStyledInputProps;
-    hover: InteractiveStyledInputProps;
-    focus: InteractiveStyledInputProps;
-    font: string;
-    radius: string;
-}
-
-declare enum FigureContext {
-    STANDARD = "STANDARD",
-    INVERTED = "INVERTED",
-    ACCENT = "ACCENT"
-}
-declare enum FigureSize {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE",
-    XLARGE = "XLARGE"
-}
-declare enum FigureType {
-    CHILD = "CHILD",
-    FAMILY = "FAMILY",
-    CALENDAR = "CALENDAR",
-    BIN = "BIN",
-    ALERT = "ALERT",
-    PASSWORD = "PASSWORD",
-    SEARCH = "SEARCH",
-    FOLDER = "FOLDER",
-    PASSPORT = "PASSPORT",
-    SETTING = "SETTING",
-    FACE = "FACE",
-    PIN = "PIN",
-    MONEY = "MONEY",
-    IDEA = "IDEA",
-    OFFER = "OFFER",
-    FAVORITE = "FAVORITE",
-    FOLLOW_UP = "FOLLOW_UP",
-    STAR = "STAR",
-    COINS = "COINS",
-    CHECK = "CHECK",
-    LIKE = "LIKE",
-    MAP = "MAP",
-    ADD = "ADD",
-    APPLICATION = "APPLICATION",
-    BABY = "BABY",
-    BOOKMARK = "BOOKMARK",
-    CONVERSATION = "CONVERSATION",
-    CANCEL = "CANCEL",
-    DAD = "DAD",
-    DATETIME = "DATETIME",
-    FILE = "FILE",
-    HOME = "HOME",
-    INFORMATION = "INFORMATION",
-    MAIL = "MAIL",
-    MOM = "MOM",
-    NO = "NO",
-    NOTE = "NOTE",
-    YES = "YES",
-    FENCE = "FENCE",
-    BUILDING = "BUILDING"
-}
-
-interface IFigureLoad {
-    size: FigureSize;
-    type: FigureType;
-    screenReaderText: string;
-}
-interface IFigure extends IFigureLoad {
-    context?: FigureContext;
-}
-
-declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => react_jsx_runtime.JSX.Element;
-
-interface AutocompleteI<T> {
-    name: string;
-    debounceTime: number;
-    placeholder?: string;
-    ariaLabel?: string;
-    withIconBefore?: React$1.ReactElement<IIcon>;
-    withIconAfter?: React$1.ReactElement<IIcon>;
-    options: T[];
-    optionDefault?: T;
-    optionToDisplay: (option: T) => React$1.ReactNode;
-    optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
-    optionToInputValue: (option: T) => string;
-    onSelected?: (e: AutocompleteSelectEvent<T>) => void;
-    onInputChange?: (e: AutocompleteChangeEvent) => void;
-    onBlur?: (e: AutocompleteBlurEvent) => void;
-    onFocus?: (e: AutocompleteFocusEvent) => void;
-    onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
-}
-interface AutocompleteInputI<T> {
-    name: string;
-    debounceTime: number;
-    placeholder?: string;
-    ariaLabel?: string;
-    withIconBefore?: React$1.ReactElement<IIcon>;
-    withIconAfter?: React$1.ReactElement<IIcon>;
-    theme: IInputTheme;
-    options: T[];
-    optionToInputValue: (option: T) => string;
-    onInputChange?: (e: AutocompleteChangeEvent) => void;
-    onBlur?: (e: AutocompleteBlurEvent) => void;
-    onFocus?: (e: AutocompleteFocusEvent) => void;
-    onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
-    onSelected?: (e: AutocompleteSelectEvent<T>) => void;
-}
-interface AutocompleteOptionI<T> {
+interface IFlip {
+    onClick?: () => void;
     label: string;
-    withDetails?: string;
-    withFigure?: React$1.ReactElement<IFigure> | React$1.ReactElement<IIcon>;
-}
-interface AutocompleteOptionsI<T> {
-    options: T[];
-    optionDefault?: T;
-    optionToDisplay: (option: T) => React$1.ReactNode;
-    optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
-    optionToInputValue: (option: T) => string;
-    onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
-    onSelected?: (e: AutocompleteSelectEvent<T>) => void;
-}
-interface AutocompleteOptionNavigatedEvent<T> {
-    focussed: T;
-}
-interface AutocompleteSelectEvent<T> {
-    input: string;
-    selected: T;
-}
-interface AutocompleteChangeEvent {
-    input: string;
-}
-interface AutocompleteBlurEvent {
-    input: string;
-    event: React$1.FocusEvent<HTMLInputElement>;
-}
-interface AutocompleteFocusEvent {
-    input: string;
-    event: React$1.FocusEvent<HTMLInputElement>;
-}
-
-declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
-    ref?: Ref<HTMLInputElement>;
-}) => JSX.Element;
-
-declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
-
-declare const AutocompleteOption: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
-declare const AutocompleteOptionSelected: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
-
-interface IAutoCompleteBase<T> {
-    options: T[];
-    optionToDisplay: (option: T) => React$1.ReactNode;
-    optionToRawValue: (option: T) => string;
-    defaultValue?: string;
-    onChange?: (e: AutocompleteChangeEvent) => void;
-    onBlur?: (e: AutocompleteBlurEvent) => void;
-    onFocus?: (e: AutocompleteFocusEvent) => void;
-    placeholder?: string;
-    ariaLabel?: string;
-    name: string;
-    withIconBefore?: React$1.ReactElement<IIcon>;
-    withIconAfter?: React$1.ReactElement<IIcon>;
-    debounceTime?: number;
-}
-interface IAutoComplete<T> extends IAutoCompleteBase<T> {
 }
 
-declare const AutoComplete: <T>(args: IAutoComplete<T>) => react_jsx_runtime.JSX.Element;
+declare const Flip: ({ onClick, label }: IFlip) => react_jsx_runtime.JSX.Element;
 
 declare enum BadgeType {
     DAYCARE = "DAYCARE",
@@ -331,16 +52,81 @@ interface IBrand {
     name: string;
 }
 
-declare const Brand: ({ logo, name, ariaLabel }: IBrand) => react_jsx_runtime.JSX.Element;
-
-declare enum LinkContext {
-    STANDARD = "STANDARD",
-    UI = "UI",
-    BOLD = "BOLD"
+declare const Brand: ({ logo, name, ariaLabel }: IBrand) => react_jsx_runtime.JSX.Element;
+
+declare enum LinkContext {
+    STANDARD = "STANDARD",
+    UI = "UI",
+    BOLD = "BOLD"
+}
+declare enum Position {
+    BEFORE = "BEFORE",
+    AFTER = "AFTER"
+}
+
+declare enum IconContext {
+    STANDARD = "STANDARD",
+    SUPPORTING = "SUPPORTING",
+    DARK = "DARK",
+    LIGHT = "LIGHT",
+    DISABLED = "DISABLED",
+    DANGER = "DANGER",
+    WARNING = "WARNING",
+    SUCCESS = "SUCCESS",
+    INFO = "INFO"
+}
+declare enum IconSize {
+    XSMALL = "XSMALL",
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+declare enum IconType {
+    CANCEL = "CANCEL",
+    ARROW_LEFT = "ARROW_LEFT",
+    ARROW_RIGHT = "ARROW_RIGHT",
+    CHEVRON_DOWN = "CHEVRON_DOWN",
+    CHEVRON_UP = "CHEVRON_UP",
+    CHEVRON_RIGHT = "CHEVRON_RIGHT",
+    CHEVRON_LEFT = "CHEVRON_LEFT",
+    EDIT = "EDIT",
+    SEND = "SEND",
+    REDO = "REDO",
+    PROFILE = "PROFILE",
+    CHECK = "CHECK",
+    TRANSLATION = "TRANSLATION",
+    MAP = "MAP",
+    EURO = "EURO",
+    BABY = "BABY",
+    PIN = "PIN",
+    DISTANCE = "DISTANCE",
+    DOCUMENT = "DOCUMENT",
+    FAVORITE = "FAVORITE",
+    MENU = "MENU",
+    ADD = "ADD",
+    MINUS = "MINUS",
+    COMMENT = "COMMENT",
+    IN_PROCESS = "IN_PROCESS",
+    COLLAPSE = "COLLAPSE",
+    EXPAND = "EXPAND",
+    SEARCH = "SEARCH",
+    BEST_FIT = "BEST_FIT",
+    BIKE = "BIKE",
+    CAR = "CAR",
+    WALK = "WALK",
+    PUBLIC_TRANSPORT = "PUBLIC_TRANSPORT",
+    FACEBOOK = "FACEBOOK",
+    INSTAGRAM = "INSTAGRAM",
+    LOCATION = "LOCATION"
+}
+
+interface IIconLoad {
+    size?: IconSize;
+    type: IconType;
+    screenReaderText: string;
 }
-declare enum Position {
-    BEFORE = "BEFORE",
-    AFTER = "AFTER"
+interface IIcon extends IIconLoad {
+    context?: IconContext;
 }
 
 interface ILink {
@@ -423,6 +209,69 @@ declare enum ChoiceContext {
     ERROR = "ERROR"
 }
 
+declare enum FigureContext {
+    STANDARD = "STANDARD",
+    INVERTED = "INVERTED",
+    ACCENT = "ACCENT"
+}
+declare enum FigureSize {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE",
+    XLARGE = "XLARGE"
+}
+declare enum FigureType {
+    CHILD = "CHILD",
+    FAMILY = "FAMILY",
+    CALENDAR = "CALENDAR",
+    BIN = "BIN",
+    ALERT = "ALERT",
+    PASSWORD = "PASSWORD",
+    SEARCH = "SEARCH",
+    FOLDER = "FOLDER",
+    PASSPORT = "PASSPORT",
+    SETTING = "SETTING",
+    FACE = "FACE",
+    PIN = "PIN",
+    MONEY = "MONEY",
+    IDEA = "IDEA",
+    OFFER = "OFFER",
+    FAVORITE = "FAVORITE",
+    FOLLOW_UP = "FOLLOW_UP",
+    STAR = "STAR",
+    COINS = "COINS",
+    CHECK = "CHECK",
+    LIKE = "LIKE",
+    MAP = "MAP",
+    ADD = "ADD",
+    APPLICATION = "APPLICATION",
+    BABY = "BABY",
+    BOOKMARK = "BOOKMARK",
+    CONVERSATION = "CONVERSATION",
+    CANCEL = "CANCEL",
+    DAD = "DAD",
+    DATETIME = "DATETIME",
+    FILE = "FILE",
+    HOME = "HOME",
+    INFORMATION = "INFORMATION",
+    MAIL = "MAIL",
+    MOM = "MOM",
+    NO = "NO",
+    NOTE = "NOTE",
+    YES = "YES",
+    FENCE = "FENCE",
+    BUILDING = "BUILDING"
+}
+
+interface IFigureLoad {
+    size: FigureSize;
+    type: FigureType;
+    screenReaderText: string;
+}
+interface IFigure extends IFigureLoad {
+    context?: FigureContext;
+}
+
 interface IChoiceBase {
     onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
     value: string;
@@ -509,6 +358,52 @@ interface IInformation {
 
 declare const Information: ({ text, frame }: IInformation) => react_jsx_runtime.JSX.Element;
 
+declare enum InputContext {
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    STANDARD = "STANDARD"
+}
+
+interface InputChangeEvent {
+    value: string;
+    event: React$1.ChangeEvent<HTMLInputElement>;
+}
+interface InputBlurEvent {
+    value: string;
+    event: React$1.FocusEvent<HTMLInputElement, Element>;
+}
+interface InputFocusEvent {
+    value: string;
+    event: React$1.FocusEvent<HTMLInputElement, Element>;
+}
+interface IInputBase {
+    defaultValue?: string;
+    onChange?: (e: InputChangeEvent) => void;
+    onBlur?: (e: InputBlurEvent) => void;
+    onFocus?: (e: InputFocusEvent) => void;
+    value?: string;
+    placeholder?: string;
+    ariaLabel?: string;
+    name: string;
+    withIconBefore?: React$1.ReactElement<IIcon>;
+    withIconAfter?: React$1.ReactElement<IIcon>;
+}
+interface IInput extends IInputBase {
+    context?: InputContext;
+}
+interface InteractiveStyledInputProps {
+    border: string;
+    background: string;
+    color: string;
+}
+interface IInputTheme {
+    initial: InteractiveStyledInputProps;
+    hover: InteractiveStyledInputProps;
+    focus: InteractiveStyledInputProps;
+    font: string;
+    radius: string;
+}
+
 declare const Input: (args: IInput) => react_jsx_runtime.JSX.Element;
 
 declare enum ListType {
@@ -730,6 +625,98 @@ interface InlineSelectI<T> {
 
 declare const InlineSelect: <T>(args: InlineSelectI<T>) => react_jsx_runtime.JSX.Element;
 
+declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
+
+type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
+interface AutoCompleteContextType<T> {
+    input: string;
+    setInput: SetState<string>;
+    selected: T | null;
+    setSelected: SetState<T | null>;
+    index: number | null;
+    setIndex: SetState<number | null>;
+    hasFocus: boolean;
+    setHasFocus: SetState<boolean>;
+}
+
+declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => react_jsx_runtime.JSX.Element;
+
+interface AutocompleteI<T> {
+    name: string;
+    debounceTime: number;
+    placeholder?: string;
+    ariaLabel?: string;
+    withIconBefore?: React$1.ReactElement<IIcon>;
+    withIconAfter?: React$1.ReactElement<IIcon>;
+    options: T[];
+    optionDefault?: T;
+    optionToDisplay: (option: T) => React$1.ReactNode;
+    optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
+    optionToInputValue: (option: T) => string;
+    onSelected?: (e: AutocompleteSelectEvent<T>) => void;
+    onInputChange?: (e: AutocompleteChangeEvent) => void;
+    onBlur?: (e: AutocompleteBlurEvent) => void;
+    onFocus?: (e: AutocompleteFocusEvent) => void;
+    onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
+}
+interface AutocompleteInputI<T> {
+    name: string;
+    debounceTime: number;
+    placeholder?: string;
+    ariaLabel?: string;
+    withIconBefore?: React$1.ReactElement<IIcon>;
+    withIconAfter?: React$1.ReactElement<IIcon>;
+    theme: IInputTheme;
+    options: T[];
+    optionToInputValue: (option: T) => string;
+    onInputChange?: (e: AutocompleteChangeEvent) => void;
+    onBlur?: (e: AutocompleteBlurEvent) => void;
+    onFocus?: (e: AutocompleteFocusEvent) => void;
+    onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
+    onSelected?: (e: AutocompleteSelectEvent<T>) => void;
+}
+interface AutocompleteOptionI<T> {
+    label: string;
+    withDetails?: string;
+    withFigure?: React$1.ReactElement<IFigure> | React$1.ReactElement<IIcon>;
+}
+interface AutocompleteOptionsI<T> {
+    options: T[];
+    optionDefault?: T;
+    optionToDisplay: (option: T) => React$1.ReactNode;
+    optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
+    optionToInputValue: (option: T) => string;
+    onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
+    onSelected?: (e: AutocompleteSelectEvent<T>) => void;
+}
+interface AutocompleteOptionNavigatedEvent<T> {
+    focussed: T;
+}
+interface AutocompleteSelectEvent<T> {
+    input: string;
+    selected: T;
+}
+interface AutocompleteChangeEvent {
+    input: string;
+}
+interface AutocompleteBlurEvent {
+    input: string;
+    event: React$1.FocusEvent<HTMLInputElement>;
+}
+interface AutocompleteFocusEvent {
+    input: string;
+    event: React$1.FocusEvent<HTMLInputElement>;
+}
+
+declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
+    ref?: Ref<HTMLInputElement>;
+}) => JSX.Element;
+
+declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
+
+declare const AutocompleteOption: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
+declare const AutocompleteOptionSelected: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
+
 interface LocationI<T, R> {
     name: string;
     placeholder?: string;
@@ -1124,14 +1111,25 @@ interface IFlyoutArrangementFull {
 declare const FlyoutArrangementSplit: (props: IFlyoutArrangementSplit) => react_jsx_runtime.JSX.Element;
 declare const FlyoutArrangementFull: (props: IFlyoutArrangementFull) => react_jsx_runtime.JSX.Element;
 
+declare enum HeadingType {
+    PAGE = "PAGE",
+    FLYOUT = "FLYOUT",
+    OVERLAY = "OVERLAY"
+}
+
 interface HeadingArrangementI {
     label: string;
     title: string;
+    type: HeadingType;
+}
+interface HeadingArrangementBaseI {
+    label: string;
+    title: string;
 }
 
-declare const FlyoutHeading: ({ title, label }: HeadingArrangementI) => react_jsx_runtime.JSX.Element;
-declare const OverlayHeading: ({ title, label }: HeadingArrangementI) => react_jsx_runtime.JSX.Element;
-declare const OnboardingHeading: ({ title, label }: HeadingArrangementI) => react_jsx_runtime.JSX.Element;
+declare const FlyoutHeading: ({ title, label }: HeadingArrangementBaseI) => react_jsx_runtime.JSX.Element;
+declare const OverlayHeading: ({ title, label }: HeadingArrangementBaseI) => react_jsx_runtime.JSX.Element;
+declare const PageHeading: ({ title, label }: HeadingArrangementBaseI) => react_jsx_runtime.JSX.Element;
 
 interface IHomeSectionCards {
     title: string;
@@ -1171,6 +1169,13 @@ declare const OnboardingArrangementIntroduction: (props: IOnboardingArrangementI
 declare const OnboardingArrangementStep: (props: IOnboardingArrangementStep) => react_jsx_runtime.JSX.Element;
 declare const OnboardingArrangementInformation: (props: IOnboardingArrangementInformation) => react_jsx_runtime.JSX.Element;
 
+interface ISearchSectionFilters {
+    primary: React$1.ReactElement;
+    secondary: React$1.ReactElement | false;
+}
+
+declare const SearchSectionFilters: (props: ISearchSectionFilters) => react_jsx_runtime.JSX.Element;
+
 declare enum AccordeonContext {
     OPEN = "OPEN",
     CLOSED = "CLOSED"
@@ -1370,6 +1375,23 @@ interface IContained extends PropsWithChildren {
 
 declare const Contained: ({ children }: IContained) => react_jsx_runtime.JSX.Element;
 
+interface IBasicPage {
+    header: React$1.ReactElement;
+    content: React$1.ReactElement | React$1.ReactElement[];
+    footer: React$1.ReactElement;
+}
+
+declare const BasicPage: (props: IBasicPage) => react_jsx_runtime.JSX.Element;
+
+interface ISearchPage {
+    header: React$1.ReactElement;
+    content: React$1.ReactElement | React$1.ReactElement[];
+    map?: React$1.ReactElement;
+    footer: React$1.ReactElement;
+}
+
+declare const SearchPage: (props: ISearchPage) => react_jsx_runtime.JSX.Element;
+
 interface BackdropContextType {
     isBackdropVisible: boolean;
     setIsBackdropVisible: React$1.Dispatch<React$1.SetStateAction<boolean>>;
@@ -1494,4 +1516,4 @@ declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI)
 declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
 declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
 
-export { Accordeon, AccordeonContext, AutoComplete, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IAutoComplete, type IBackdrop, type IBackdropProvider, type IBadge, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchProvider, type ISearchStep, type ISearchStepAutocomplete, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingHeading, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchProvider, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
+export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };