@tactics/lokaal-loket 0.0.103 → 0.0.105

package/build/index.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { Ref, PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
 import { TypographyFontKey, TypographyFontsKey, TypographyFontWeightKey, SpacingKey, Color, ColorVariant, ColorVariantKey, ColorKey } from '@tactics/tacky/contract';
 export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, TypographyFont, TypographyFonts } from '@tactics/tacky/contract';
+import { Feature as Feature$1, Point, FeatureCollection, LineString } from 'geojson';
 import { ThemeMode } from '@tactics/tacky';
 export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
 
@@ -89,13 +90,18 @@ declare enum BadgeType {
     CHILDMINDER = "CHILDMINDER",
     COOPERATIVE = "COOPERATIVE"
 }
+declare enum BadgeSize {
+    DEFAULT = "DEFAULT",
+    LARGE = "LARGE"
+}
 
 interface IBadge {
     type: BadgeType;
     screenReaderText: string;
+    size?: BadgeSize;
 }
 
-declare const Badge: ({ type, screenReaderText }: IBadge) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ type, screenReaderText, size }: IBadge) => react_jsx_runtime.JSX.Element;
 
 declare enum LogoSize {
     SMALL = "SMALL",
@@ -313,13 +319,19 @@ interface IExpand {
 
 declare const Expand: ({ onClick }: IExpand) => react_jsx_runtime.JSX.Element;
 
+declare enum FramePadding {
+    DEFAULT = "DEFAULT",
+    LARGE = "LARGE"
+}
+
 interface IFrame {
     around: React$1.ReactElement<IIcon | IFigure>;
     split?: string | false;
     background?: string;
+    padding?: FramePadding;
 }
 
-declare const Frame: ({ around, split, background }: IFrame) => react_jsx_runtime.JSX.Element;
+declare const Frame: ({ around, split, background, padding, }: IFrame) => react_jsx_runtime.JSX.Element;
 
 declare enum TextDecoration {
     NONE = "NONE",
@@ -519,10 +531,10 @@ interface ITerm {
 
 declare const Term: ({ label, description, frame }: ITerm) => react_jsx_runtime.JSX.Element;
 
-interface ITerminal {
+interface ITerminal$1 {
 }
 
-declare const Terminal: ({}: ITerminal) => react_jsx_runtime.JSX.Element;
+declare const Terminal: ({}: ITerminal$1) => react_jsx_runtime.JSX.Element;
 
 declare enum YesNoContext {
     STANDARD = "STANDARD",
@@ -713,20 +725,12 @@ interface LocationI<T, R> {
     optionToDisplay: (option: T) => React$1.ReactNode;
     optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
     optionToInputValue: (option: T) => string;
-    radii: R[];
-    radiiDefault: R;
-    radiiToDisplay: (radius: R) => React$1.ReactNode;
-    radiiToDisplayWhenSelected?: (radius: R) => React$1.ReactNode;
     onSelected?: (e: AutocompleteSelectEvent<T>) => void;
     onInputChange?: (e: AutocompleteChangeEvent) => void;
-    onRadiusChange?: (e: LocationRadiusChangeEvent<R>) => void;
     onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
     onBlur?: (e: LocationBlurEvent) => void;
     onFocus?: (e: LocationFocusEvent) => void;
 }
-interface LocationRadiusChangeEvent<R> {
-    radius: R;
-}
 interface LocationBlurEvent extends AutocompleteBlurEvent {
 }
 interface LocationFocusEvent extends AutocompleteFocusEvent {
@@ -771,11 +775,6 @@ interface RouteI<T, R, D> {
     destinationOptionToDisplay: (option: D) => React$1.ReactNode;
     destinationOptionToDisplayWhenSelected?: (option: D) => React$1.ReactNode;
     destinationOptionToInputValue: (option: D) => string;
-    travelModes: R[];
-    travelModeDefault: R;
-    travelModeToDisplay: (option: R) => React$1.ReactNode;
-    travelModeToDisplayWhenSelected?: (option: R) => React$1.ReactNode;
-    onTravelModeChange?: (e: SelectChangeEvent<R>) => void;
     onOriginSelected?: (e: AutocompleteSelectEvent<T>) => void;
     onOriginInputChange?: (e: AutocompleteChangeEvent) => void;
     onOriginNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
@@ -1069,30 +1068,66 @@ interface IFooter {
 
 declare const Footer: ({ top, left, right, bottom }: IFooter) => react_jsx_runtime.JSX.Element;
 
-type IPointOnMap = {
+type TerminalType = "ORIGIN" | "DESTINATION";
+type PointType = "DAYCARE" | "CHILDMINDER" | "COOPERATIVE";
+interface ITerminal {
     key: string;
-    marker: React$1.ReactElement;
-    details: React$1.ReactElement;
-    latLng: google.maps.LatLngLiteral;
-};
-interface IMap {
-    children: ReactElement;
-    mapId: string;
-    defaultCenter: google.maps.LatLngLiteral;
+    name: string;
+    type: TerminalType;
 }
-interface ILocationBasedMapBase {
-    points?: IPointOnMap[];
-    origin: IPointOnMap;
+interface IPoint {
+    key: string;
+    name: string;
+    address: string;
+    type: PointType;
+    overlay: React$1.ReactNode;
+}
+interface ILine {
+    index: number;
+    label: string;
+}
+type IOrigin = Feature$1<Point, ITerminal>;
+type IDestination = Feature$1<Point, ITerminal>;
+type IPoints = FeatureCollection<Point, IPoint>;
+type IRoute = FeatureCollection<LineString, ILine>;
+type IRoutes = IRoute[];
+interface ILocationBasedMap {
+    points?: IPoints;
+    showLoader: boolean;
+    loader?: React$1.ReactNode;
+    origin: IOrigin;
+    onRadiusChange?: (r: number) => void;
+    onZoomChange?: (zoom: number) => void;
+    onAreaChange?: (center: google.maps.LatLng, bounds: google.maps.LatLngBounds, radius: number) => void;
 }
 interface IDirectionBasedMapBase {
-    directions: google.maps.DirectionsResult;
-    points?: IPointOnMap[];
+    routes: IRoutes;
+    points?: IPoints;
+    showLoader: boolean;
+    loader?: React$1.ReactNode;
+    origin: IOrigin;
+    destination: IDestination;
+    travelModeLabels: TravelModeLabels;
+    onTravelModeChange?: (modes: google.maps.TravelMode[]) => void;
+    onRouteChange?: (index: number, route: IRoute) => void;
+    onZoomChange?: () => void;
+}
+interface IMap extends PropsWithChildren {
+    mapId: string;
+    defaultCenter: google.maps.LatLngLiteral;
+}
+interface TravelModeLabels {
+    BEST_FIT: string;
+    DRIVING: string;
+    TRANSIT: string;
+    WALKING: string;
+    BICYCLING: string;
 }
 
 declare const Map: {
-    ({ children, mapId, defaultCenter }: IMap): react_jsx_runtime.JSX.Element;
-    Location: ({ points, origin }: ILocationBasedMapBase) => react_jsx_runtime.JSX.Element | null;
-    Direction: ({ directions }: IDirectionBasedMapBase) => react_jsx_runtime.JSX.Element | null;
+    (props: IMap): react_jsx_runtime.JSX.Element;
+    Location: ({ points, showLoader, loader, origin, onRadiusChange, onZoomChange, onAreaChange, }: ILocationBasedMap) => react_jsx_runtime.JSX.Element | null;
+    Direction: ({ routes, origin, destination, travelModeLabels, points, showLoader, loader, onTravelModeChange, onRouteChange, onZoomChange, }: IDirectionBasedMapBase) => react_jsx_runtime.JSX.Element | null;
 };
 
 interface IWizard {
@@ -1152,8 +1187,14 @@ declare const SearchAutocompleteStep: (props: ISearchStepAutocomplete<any>) => n
 declare const Search: (props: ISearch) => react_jsx_runtime.JSX.Element;
 declare const SearchAutocomplete: <T>(props: ISearchAutocomplete<T>) => react_jsx_runtime.JSX.Element;
 
+declare enum LabelSize {
+    DEFAULT = "DEFAULT",
+    LARGE = "LARGE"
+}
+
 interface ILabel {
     iconType?: IconType;
+    size?: LabelSize;
     label: string;
 }
 
@@ -1161,7 +1202,7 @@ interface ICard {
     swipe?: React$1.ReactNode;
     badge: React$1.ReactElement<IBadge>;
     title: string;
-    info: React$1.ReactElement<ILabeledIcon>;
+    info?: React$1.ReactElement<ILabeledIcon>[] | React$1.ReactElement<ILabeledIcon>;
     labels: React$1.ReactElement<ILabel>[];
     features: React$1.ReactElement<IFeatures>;
     action: React$1.ReactElement<IButton>;
@@ -1227,6 +1268,15 @@ interface IHomeSectionGettingStarted {
 
 declare const HomeSectionGettingStarted: (props: IHomeSectionGettingStarted) => react_jsx_runtime.JSX.Element;
 
+interface IDetailsSectionHeader {
+    title: string;
+    badge: React$1.ReactNode;
+    labels: React$1.ReactNode;
+    actions: React$1.ReactNode;
+}
+
+declare const DetailsSectionHeader: (props: IDetailsSectionHeader) => react_jsx_runtime.JSX.Element;
+
 interface IOnboardingArrangementIntroduction {
     top: React$1.ReactElement;
     left: React$1.ReactElement;
@@ -1561,4 +1611,4 @@ declare const RouteLocationExample: ({ CompactAt, onChange, }: {
 
 declare const LocationExample: () => react_jsx_runtime.JSX.Element;
 
-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, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample, CardDaycareExample, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Cta, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Footer, FooterNavigation, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, HeaderAlternate, HeaderBottom, HeaderContext, HeaderTop, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HomeSectionGettingStarted, HomeSectionLeftSplit, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBottomNavigation, type IBrand, type IBreadcrumb, type IButton, type ICard, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type ICta, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFooter, type IFooterNavigation, type IFrame, type IHeaderBottom, type IHeaderTop, type IHomeSectionCards, type IHomeSectionFaq, type IHomeSectionGettingStarted, type IHomeSectionLeftSplit, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILabeledIcon, type ILink, type IList, type ILogo, type IMap, 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 IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IQuickSearch, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type ISearchWithMapPage, type ISharedSectionFooter, type ISharedSectionHeader, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type IToggle, 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, LabeledIcon, Link, LinkContext, List, ListType, Location, LocationExample, type LocationI, Logo, LogoSize, Map, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingButton, Overlay, OverlayContext, OverlayHeading, OverlayProvider, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, QuickSearch, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, RouteLocationExample, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, SearchWithMapPage, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, SharedSectionFooter, SharedSectionHeader, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, Toggle, 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, BadgeSize, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample, CardDaycareExample, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Cta, Details, DetailsSectionHeader, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Footer, FooterNavigation, Frame, FramePadding, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, HeaderAlternate, HeaderBottom, HeaderContext, HeaderTop, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HomeSectionGettingStarted, HomeSectionLeftSplit, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBottomNavigation, type IBrand, type IBreadcrumb, type IButton, type ICard, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type ICta, type IDetails, type IDetailsSectionHeader, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFooter, type IFooterNavigation, type IFrame, type IHeaderBottom, type IHeaderTop, type IHomeSectionCards, type IHomeSectionFaq, type IHomeSectionGettingStarted, type IHomeSectionLeftSplit, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILabeledIcon, type ILink, type IList, type ILogo, type IMap, 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 IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IQuickSearch, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type ISearchWithMapPage, type ISharedSectionFooter, type ISharedSectionHeader, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal$1 as ITerminal, type IToggle, 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, LabeledIcon, Link, LinkContext, List, ListType, Location, LocationExample, type LocationI, Logo, LogoSize, Map, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingButton, Overlay, OverlayContext, OverlayHeading, OverlayProvider, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, QuickSearch, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, RouteLocationExample, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, SearchWithMapPage, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, SharedSectionFooter, SharedSectionHeader, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, Toggle, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };

package/build/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { Ref, PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
 import { TypographyFontKey, TypographyFontsKey, TypographyFontWeightKey, SpacingKey, Color, ColorVariant, ColorVariantKey, ColorKey } from '@tactics/tacky/contract';
 export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, TypographyFont, TypographyFonts } from '@tactics/tacky/contract';
+import { Feature as Feature$1, Point, FeatureCollection, LineString } from 'geojson';
 import { ThemeMode } from '@tactics/tacky';
 export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
 
@@ -89,13 +90,18 @@ declare enum BadgeType {
     CHILDMINDER = "CHILDMINDER",
     COOPERATIVE = "COOPERATIVE"
 }
+declare enum BadgeSize {
+    DEFAULT = "DEFAULT",
+    LARGE = "LARGE"
+}
 
 interface IBadge {
     type: BadgeType;
     screenReaderText: string;
+    size?: BadgeSize;
 }
 
-declare const Badge: ({ type, screenReaderText }: IBadge) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ type, screenReaderText, size }: IBadge) => react_jsx_runtime.JSX.Element;
 
 declare enum LogoSize {
     SMALL = "SMALL",
@@ -313,13 +319,19 @@ interface IExpand {
 
 declare const Expand: ({ onClick }: IExpand) => react_jsx_runtime.JSX.Element;
 
+declare enum FramePadding {
+    DEFAULT = "DEFAULT",
+    LARGE = "LARGE"
+}
+
 interface IFrame {
     around: React$1.ReactElement<IIcon | IFigure>;
     split?: string | false;
     background?: string;
+    padding?: FramePadding;
 }
 
-declare const Frame: ({ around, split, background }: IFrame) => react_jsx_runtime.JSX.Element;
+declare const Frame: ({ around, split, background, padding, }: IFrame) => react_jsx_runtime.JSX.Element;
 
 declare enum TextDecoration {
     NONE = "NONE",
@@ -519,10 +531,10 @@ interface ITerm {
 
 declare const Term: ({ label, description, frame }: ITerm) => react_jsx_runtime.JSX.Element;
 
-interface ITerminal {
+interface ITerminal$1 {
 }
 
-declare const Terminal: ({}: ITerminal) => react_jsx_runtime.JSX.Element;
+declare const Terminal: ({}: ITerminal$1) => react_jsx_runtime.JSX.Element;
 
 declare enum YesNoContext {
     STANDARD = "STANDARD",
@@ -713,20 +725,12 @@ interface LocationI<T, R> {
     optionToDisplay: (option: T) => React$1.ReactNode;
     optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
     optionToInputValue: (option: T) => string;
-    radii: R[];
-    radiiDefault: R;
-    radiiToDisplay: (radius: R) => React$1.ReactNode;
-    radiiToDisplayWhenSelected?: (radius: R) => React$1.ReactNode;
     onSelected?: (e: AutocompleteSelectEvent<T>) => void;
     onInputChange?: (e: AutocompleteChangeEvent) => void;
-    onRadiusChange?: (e: LocationRadiusChangeEvent<R>) => void;
     onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
     onBlur?: (e: LocationBlurEvent) => void;
     onFocus?: (e: LocationFocusEvent) => void;
 }
-interface LocationRadiusChangeEvent<R> {
-    radius: R;
-}
 interface LocationBlurEvent extends AutocompleteBlurEvent {
 }
 interface LocationFocusEvent extends AutocompleteFocusEvent {
@@ -771,11 +775,6 @@ interface RouteI<T, R, D> {
     destinationOptionToDisplay: (option: D) => React$1.ReactNode;
     destinationOptionToDisplayWhenSelected?: (option: D) => React$1.ReactNode;
     destinationOptionToInputValue: (option: D) => string;
-    travelModes: R[];
-    travelModeDefault: R;
-    travelModeToDisplay: (option: R) => React$1.ReactNode;
-    travelModeToDisplayWhenSelected?: (option: R) => React$1.ReactNode;
-    onTravelModeChange?: (e: SelectChangeEvent<R>) => void;
     onOriginSelected?: (e: AutocompleteSelectEvent<T>) => void;
     onOriginInputChange?: (e: AutocompleteChangeEvent) => void;
     onOriginNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
@@ -1069,30 +1068,66 @@ interface IFooter {
 
 declare const Footer: ({ top, left, right, bottom }: IFooter) => react_jsx_runtime.JSX.Element;
 
-type IPointOnMap = {
+type TerminalType = "ORIGIN" | "DESTINATION";
+type PointType = "DAYCARE" | "CHILDMINDER" | "COOPERATIVE";
+interface ITerminal {
     key: string;
-    marker: React$1.ReactElement;
-    details: React$1.ReactElement;
-    latLng: google.maps.LatLngLiteral;
-};
-interface IMap {
-    children: ReactElement;
-    mapId: string;
-    defaultCenter: google.maps.LatLngLiteral;
+    name: string;
+    type: TerminalType;
 }
-interface ILocationBasedMapBase {
-    points?: IPointOnMap[];
-    origin: IPointOnMap;
+interface IPoint {
+    key: string;
+    name: string;
+    address: string;
+    type: PointType;
+    overlay: React$1.ReactNode;
+}
+interface ILine {
+    index: number;
+    label: string;
+}
+type IOrigin = Feature$1<Point, ITerminal>;
+type IDestination = Feature$1<Point, ITerminal>;
+type IPoints = FeatureCollection<Point, IPoint>;
+type IRoute = FeatureCollection<LineString, ILine>;
+type IRoutes = IRoute[];
+interface ILocationBasedMap {
+    points?: IPoints;
+    showLoader: boolean;
+    loader?: React$1.ReactNode;
+    origin: IOrigin;
+    onRadiusChange?: (r: number) => void;
+    onZoomChange?: (zoom: number) => void;
+    onAreaChange?: (center: google.maps.LatLng, bounds: google.maps.LatLngBounds, radius: number) => void;
 }
 interface IDirectionBasedMapBase {
-    directions: google.maps.DirectionsResult;
-    points?: IPointOnMap[];
+    routes: IRoutes;
+    points?: IPoints;
+    showLoader: boolean;
+    loader?: React$1.ReactNode;
+    origin: IOrigin;
+    destination: IDestination;
+    travelModeLabels: TravelModeLabels;
+    onTravelModeChange?: (modes: google.maps.TravelMode[]) => void;
+    onRouteChange?: (index: number, route: IRoute) => void;
+    onZoomChange?: () => void;
+}
+interface IMap extends PropsWithChildren {
+    mapId: string;
+    defaultCenter: google.maps.LatLngLiteral;
+}
+interface TravelModeLabels {
+    BEST_FIT: string;
+    DRIVING: string;
+    TRANSIT: string;
+    WALKING: string;
+    BICYCLING: string;
 }
 
 declare const Map: {
-    ({ children, mapId, defaultCenter }: IMap): react_jsx_runtime.JSX.Element;
-    Location: ({ points, origin }: ILocationBasedMapBase) => react_jsx_runtime.JSX.Element | null;
-    Direction: ({ directions }: IDirectionBasedMapBase) => react_jsx_runtime.JSX.Element | null;
+    (props: IMap): react_jsx_runtime.JSX.Element;
+    Location: ({ points, showLoader, loader, origin, onRadiusChange, onZoomChange, onAreaChange, }: ILocationBasedMap) => react_jsx_runtime.JSX.Element | null;
+    Direction: ({ routes, origin, destination, travelModeLabels, points, showLoader, loader, onTravelModeChange, onRouteChange, onZoomChange, }: IDirectionBasedMapBase) => react_jsx_runtime.JSX.Element | null;
 };
 
 interface IWizard {
@@ -1152,8 +1187,14 @@ declare const SearchAutocompleteStep: (props: ISearchStepAutocomplete<any>) => n
 declare const Search: (props: ISearch) => react_jsx_runtime.JSX.Element;
 declare const SearchAutocomplete: <T>(props: ISearchAutocomplete<T>) => react_jsx_runtime.JSX.Element;
 
+declare enum LabelSize {
+    DEFAULT = "DEFAULT",
+    LARGE = "LARGE"
+}
+
 interface ILabel {
     iconType?: IconType;
+    size?: LabelSize;
     label: string;
 }
 
@@ -1161,7 +1202,7 @@ interface ICard {
     swipe?: React$1.ReactNode;
     badge: React$1.ReactElement<IBadge>;
     title: string;
-    info: React$1.ReactElement<ILabeledIcon>;
+    info?: React$1.ReactElement<ILabeledIcon>[] | React$1.ReactElement<ILabeledIcon>;
     labels: React$1.ReactElement<ILabel>[];
     features: React$1.ReactElement<IFeatures>;
     action: React$1.ReactElement<IButton>;
@@ -1227,6 +1268,15 @@ interface IHomeSectionGettingStarted {
 
 declare const HomeSectionGettingStarted: (props: IHomeSectionGettingStarted) => react_jsx_runtime.JSX.Element;
 
+interface IDetailsSectionHeader {
+    title: string;
+    badge: React$1.ReactNode;
+    labels: React$1.ReactNode;
+    actions: React$1.ReactNode;
+}
+
+declare const DetailsSectionHeader: (props: IDetailsSectionHeader) => react_jsx_runtime.JSX.Element;
+
 interface IOnboardingArrangementIntroduction {
     top: React$1.ReactElement;
     left: React$1.ReactElement;
@@ -1561,4 +1611,4 @@ declare const RouteLocationExample: ({ CompactAt, onChange, }: {
 
 declare const LocationExample: () => react_jsx_runtime.JSX.Element;
 
-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, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample, CardDaycareExample, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Cta, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Footer, FooterNavigation, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, HeaderAlternate, HeaderBottom, HeaderContext, HeaderTop, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HomeSectionGettingStarted, HomeSectionLeftSplit, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBottomNavigation, type IBrand, type IBreadcrumb, type IButton, type ICard, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type ICta, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFooter, type IFooterNavigation, type IFrame, type IHeaderBottom, type IHeaderTop, type IHomeSectionCards, type IHomeSectionFaq, type IHomeSectionGettingStarted, type IHomeSectionLeftSplit, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILabeledIcon, type ILink, type IList, type ILogo, type IMap, 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 IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IQuickSearch, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type ISearchWithMapPage, type ISharedSectionFooter, type ISharedSectionHeader, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type IToggle, 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, LabeledIcon, Link, LinkContext, List, ListType, Location, LocationExample, type LocationI, Logo, LogoSize, Map, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingButton, Overlay, OverlayContext, OverlayHeading, OverlayProvider, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, QuickSearch, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, RouteLocationExample, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, SearchWithMapPage, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, SharedSectionFooter, SharedSectionHeader, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, Toggle, 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, BadgeSize, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample, CardDaycareExample, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Cta, Details, DetailsSectionHeader, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Footer, FooterNavigation, Frame, FramePadding, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, HeaderAlternate, HeaderBottom, HeaderContext, HeaderTop, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HomeSectionGettingStarted, HomeSectionLeftSplit, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBottomNavigation, type IBrand, type IBreadcrumb, type IButton, type ICard, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type ICta, type IDetails, type IDetailsSectionHeader, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFooter, type IFooterNavigation, type IFrame, type IHeaderBottom, type IHeaderTop, type IHomeSectionCards, type IHomeSectionFaq, type IHomeSectionGettingStarted, type IHomeSectionLeftSplit, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILabeledIcon, type ILink, type IList, type ILogo, type IMap, 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 IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IQuickSearch, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type ISearchWithMapPage, type ISharedSectionFooter, type ISharedSectionHeader, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal$1 as ITerminal, type IToggle, 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, LabeledIcon, Link, LinkContext, List, ListType, Location, LocationExample, type LocationI, Logo, LogoSize, Map, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingButton, Overlay, OverlayContext, OverlayHeading, OverlayProvider, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, QuickSearch, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, RouteLocationExample, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, SearchWithMapPage, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, SharedSectionFooter, SharedSectionHeader, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, Toggle, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };