@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/components/fields/location-field/location-modal/infinite-scroll/loading-indicator/loading-indicator.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-interface Props extends React.HTMLAttributes<HTMLDivElement> {
-}
-export declare const LoadingIndicator: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from "react";
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const LoadingIndicator: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/location-field/location-modal/infinite-scroll/loading-indicator/loading-indicator.styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const SpinnerBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const SpinnerBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/components/fields/location-field/location-modal/location-modal.d.ts

@@ -1,8 +1,8 @@
-import { ILocationModalProps } from "./types";
-/**
- * Location modal screen variation
- * Mobile or tablet - single panel
- * Desktop - double panel
- */
-declare const LocationModal: ({ id, className, formValues, showLocationModal, mapPanZoom, interactiveMapPinIconUrl, mapApi, gettingCurrentLocationFetchMessage, mapBannerText, mustHavePostalCode, locationModalStyles, onClose, onConfirm, updateFormValues, locationListTitle, locationSelectionMode, disableSearch, addressFieldPlaceholder, searchBarIcon, bufferRadius, pinsOnlyIndicateCurrentLocation, legendItems, defaultAddress, }: ILocationModalProps) => import("react/jsx-runtime").JSX.Element;
-export default LocationModal;
+import { ILocationModalProps } from "./types";
+/**
+ * Location modal screen variation
+ * Mobile or tablet - single panel
+ * Desktop - double panel
+ */
+declare const LocationModal: ({ id, className, formValues, showLocationModal, mapPanZoom, interactiveMapPinIconUrl, mapApi, gettingCurrentLocationFetchMessage, mapBannerText, mustHavePostalCode, locationModalStyles, onClose, onConfirm, updateFormValues, locationListTitle, locationSelectionMode, disableSearch, addressFieldPlaceholder, searchBarIcon, bufferRadius, pinsOnlyIndicateCurrentLocation, legendItems, defaultAddress, }: ILocationModalProps) => import("react/jsx-runtime").JSX.Element;
+export default LocationModal;

package/components/fields/location-field/location-modal/location-modal.data.d.ts

@@ -1,3 +1,3 @@
-export declare const ERROR_SVG = "https://assets.life.gov.sg/web-frontend-engine/img/common/error.svg";
-export declare const OFFLINE_IMAGE = "https://assets.life.gov.sg/web-frontend-engine/img/common/no-network.png";
-export declare const TIMEOUT_SVG = "https://assets.life.gov.sg/web-frontend-engine/img/icons/get-location-timeout.svg";
+export declare const ERROR_SVG = "https://assets.life.gov.sg/web-frontend-engine/img/common/error.svg";
+export declare const OFFLINE_IMAGE = "https://assets.life.gov.sg/web-frontend-engine/img/common/no-network.png";
+export declare const TIMEOUT_SVG = "https://assets.life.gov.sg/web-frontend-engine/img/icons/get-location-timeout.svg";

package/components/fields/location-field/location-modal/location-modal.styles.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import { TPanelInputMode } from "../types";
-interface ISinglePanelStyle {
-    panelInputMode: TPanelInputMode;
-}
-interface IModalBoxStyle {
-    locationModalStyles?: string | undefined;
-}
-export declare const ModalBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "locationModalStyles"> & IModalBoxStyle, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "locationModalStyles"> & IModalBoxStyle, never>>> & string & Omit<(props: import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledLocationPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("./location-picker/types").ILocationPickerProps, "panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("./location-picker/types").ILocationPickerProps, "panelInputMode"> & ISinglePanelStyle, never>>> & string & Omit<({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, legendItems, defaultAddress, }: import("./location-picker/types").ILocationPickerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const ErrorImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
-export declare const PrefetchImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
-export {};
+import { TPanelInputMode } from "../types";
+interface ISinglePanelStyle {
+    panelInputMode: TPanelInputMode;
+}
+interface IModalBoxStyle {
+    locationModalStyles?: string | undefined;
+}
+export declare const ModalBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, "locationModalStyles"> & IModalBoxStyle, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, "locationModalStyles"> & IModalBoxStyle, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const StyledLocationPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("./location-picker/types").ILocationPickerProps, "panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("./location-picker/types").ILocationPickerProps, "panelInputMode"> & ISinglePanelStyle, never>>> & string & Omit<({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, legendItems, defaultAddress, }: import("./location-picker/types").ILocationPickerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const ErrorImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
+export declare const PrefetchImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
+export {};

package/components/fields/location-field/location-modal/location-picker/helper.d.ts

@@ -1,4 +1,4 @@
-import { IMapPin } from "./types";
-import * as L from "leaflet";
-export declare const markerFrom: ({ lat, lng }: IMapPin, iconUrl: string, isSelected?: boolean | undefined, isCurrentLocation?: boolean | undefined) => L.Marker;
-export declare const removeMarkers: (markers: L.Marker[] | undefined) => void;
+import { IMapPin } from "./types";
+import * as L from "leaflet";
+export declare const markerFrom: ({ lat, lng }: IMapPin, iconUrl: string, isSelected?: boolean | undefined, isCurrentLocation?: boolean | undefined) => L.Marker;
+export declare const removeMarkers: (markers: L.Marker[] | undefined) => void;

package/components/fields/location-field/location-modal/location-picker/index.d.ts

@@ -1 +1 @@
-export * from "./location-picker";
+export * from "./location-picker";

package/components/fields/location-field/location-modal/location-picker/legend/index.d.ts

@@ -1 +1 @@
-export * from "./legend";
+export * from "./legend";

package/components/fields/location-field/location-modal/location-picker/legend/legend.d.ts

@@ -1,8 +1,8 @@
-import { ILegendItem } from "../../../types";
-interface ILegendProps {
-    onClose?: (() => void) | undefined;
-    items?: ILegendItem[] | undefined;
-    id?: string | undefined;
-}
-export declare const Legend: ({ onClose, items, id }: ILegendProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { ILegendItem } from "../../../types";
+interface ILegendProps {
+    onClose?: (() => void) | undefined;
+    items?: ILegendItem[] | undefined;
+    id?: string | undefined;
+}
+export declare const Legend: ({ onClose, items, id }: ILegendProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/location-field/location-modal/location-picker/legend/legend.styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const LegendWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LegendHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LegendContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LegendIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
-export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const LegendWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LegendHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LegendContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LegendIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
+export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/components/fields/location-field/location-modal/location-picker/location-picker.d.ts

@@ -1,3 +1,3 @@
-import "leaflet/dist/leaflet.css";
-import { ILocationPickerProps } from "./types";
-export declare const LocationPicker: ({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, legendItems, defaultAddress, }: ILocationPickerProps) => import("react/jsx-runtime").JSX.Element;
+import "leaflet/dist/leaflet.css";
+import { ILocationPickerProps } from "./types";
+export declare const LocationPicker: ({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, legendItems, defaultAddress, }: ILocationPickerProps) => import("react/jsx-runtime").JSX.Element;

package/components/fields/location-field/location-modal/location-picker/location-picker.styles.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-export declare const LocationPickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LeafletWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ButtonLocation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const ButtonLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string;
-export declare const ButtonLocationImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const BannerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Banner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/card/types").CardProps, never> & Partial<Pick<import("@lifesg/react-design-system/card/types").CardProps, never>>> & string & Omit<({ children, ...otherProps }: import("@lifesg/react-design-system/card/types").CardProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const LocationPickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const LeafletWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ButtonLocation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
+export declare const ButtonLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string;
+export declare const ButtonLocationImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const BannerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Banner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/card/types").CardProps, never> & Partial<Pick<import("@lifesg/react-design-system/card/types").CardProps, never>>> & string & Omit<({ children, ...otherProps }: import("@lifesg/react-design-system/card/types").CardProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;

package/components/fields/location-field/location-modal/location-picker/types.d.ts

@@ -1,35 +1,34 @@
-/// <reference types="react" />
-import { ILegendItem, TPanelInputMode } from "../..";
-import { ILocationCoord } from "../../types";
-export interface IMapPin extends ILocationCoord {
-    address?: string | undefined;
-    resultListItemText?: string | undefined;
-    isCurrentLocation?: boolean | undefined;
-}
-export interface ILocationPickerProps extends React.InputHTMLAttributes<HTMLDivElement> {
-    id?: string | undefined;
-    className?: string | undefined;
-    mapPanZoom?: {
-        mobile?: number | undefined;
-        nonMobile?: number | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        duration?: number | undefined;
-    } | undefined;
-    panelInputMode: TPanelInputMode;
-    showLocationModal: boolean;
-    selectedLocationCoord?: ILocationCoord | undefined;
-    interactiveMapPinIconUrl?: string | undefined;
-    getCurrentLocation: () => Promise<ILocationCoord>;
-    locationAvailable: boolean;
-    gettingCurrentLocation: boolean;
-    onMapCenterChange: (latlng: ILocationCoord) => void;
-    mapBannerText?: string | undefined;
-    disableSelectionFromMap?: boolean | undefined;
-    disableSelectedLocationMarker?: boolean | undefined;
-    selectablePins: IMapPin[];
-    pinsOnlyIndicateCurrentLocation?: boolean | undefined;
-    currentLocation?: ILocationCoord | undefined;
-    legendItems?: ILegendItem[] | undefined;
-    defaultAddress?: ILocationCoord | undefined;
-}
+import { ILegendItem, TPanelInputMode } from "../..";
+import { ILocationCoord } from "../../types";
+export interface IMapPin extends ILocationCoord {
+    address?: string | undefined;
+    resultListItemText?: string | undefined;
+    isCurrentLocation?: boolean | undefined;
+}
+export interface ILocationPickerProps extends React.InputHTMLAttributes<HTMLDivElement> {
+    id?: string | undefined;
+    className?: string | undefined;
+    mapPanZoom?: {
+        mobile?: number | undefined;
+        nonMobile?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        duration?: number | undefined;
+    } | undefined;
+    panelInputMode: TPanelInputMode;
+    showLocationModal: boolean;
+    selectedLocationCoord?: ILocationCoord | undefined;
+    interactiveMapPinIconUrl?: string | undefined;
+    getCurrentLocation: () => Promise<ILocationCoord>;
+    locationAvailable: boolean;
+    gettingCurrentLocation: boolean;
+    onMapCenterChange: (latlng: ILocationCoord) => void;
+    mapBannerText?: string | undefined;
+    disableSelectionFromMap?: boolean | undefined;
+    disableSelectedLocationMarker?: boolean | undefined;
+    selectablePins: IMapPin[];
+    pinsOnlyIndicateCurrentLocation?: boolean | undefined;
+    currentLocation?: ILocationCoord | undefined;
+    legendItems?: ILegendItem[] | undefined;
+    defaultAddress?: ILocationCoord | undefined;
+}

package/components/fields/location-field/location-modal/location-search/helper.d.ts

@@ -1,14 +1,14 @@
-import { IResultListItem } from "../..";
-export declare const pagination: <T>(array: T[], pageSize: number, pageNum: number) => T[];
-export declare const boldResultsWithQuery: (arr: IResultListItem[], query: string) => {
-    displayAddressText: string;
-    address?: string;
-    blockNo?: string;
-    building?: string;
-    postalCode?: string;
-    roadName?: string;
-    lat?: number;
-    lng?: number;
-    x?: number;
-    y?: number;
-}[];
+import { IResultListItem } from "../..";
+export declare const pagination: <T>(array: T[], pageSize: number, pageNum: number) => T[];
+export declare const boldResultsWithQuery: (arr: IResultListItem[], query: string) => {
+    displayAddressText: string;
+    address?: string | undefined;
+    blockNo?: string | undefined;
+    building?: string | undefined;
+    postalCode?: string | undefined;
+    roadName?: string | undefined;
+    lat?: number | undefined;
+    lng?: number | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+}[];

package/components/fields/location-field/location-modal/location-search/index.d.ts

@@ -1 +1 @@
-export * from "./location-search";
+export * from "./location-search";

package/components/fields/location-field/location-modal/location-search/location-search.d.ts

@@ -1,2 +1,2 @@
-import { ILocationSearchProps } from "./types";
-export declare const LocationSearch: ({ id, className, formValues, gettingCurrentLocation, showLocationModal, mustHavePostalCode, disableSearch, panelInputMode, selectedAddressInfo, mapPickedLatLng, mapApi, addressFieldPlaceholder, gettingCurrentLocationFetchMessage, locationListTitle, handleApiErrors, onGetLocationCallback, onChangeSelectedAddressInfo, onCancel, onConfirm, setSinglePanelMode, updateFormValues, restrictLocationSelection, selectablePins, searchBarIcon, bufferRadius, }: ILocationSearchProps) => import("react/jsx-runtime").JSX.Element;
+import { ILocationSearchProps } from "./types";
+export declare const LocationSearch: ({ id, className, formValues, gettingCurrentLocation, showLocationModal, mustHavePostalCode, disableSearch, panelInputMode, selectedAddressInfo, mapPickedLatLng, mapApi, addressFieldPlaceholder, gettingCurrentLocationFetchMessage, locationListTitle, handleApiErrors, onGetLocationCallback, onChangeSelectedAddressInfo, onCancel, onConfirm, setSinglePanelMode, updateFormValues, restrictLocationSelection, selectablePins, searchBarIcon, bufferRadius, }: ILocationSearchProps) => import("react/jsx-runtime").JSX.Element;

package/components/fields/location-field/location-modal/location-search/location-search.styles.d.ts

@@ -1,85 +1,84 @@
-/// <reference types="react" />
-import { TPanelInputMode } from "../../types";
-interface ISinglePanelStyle {
-    $panelInputMode: TPanelInputMode;
-}
-export declare const SearchWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never>>> & string;
-export declare const SearchBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasScrolled"> & {
-    $hasScrolled?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasScrolled"> & {
-    $hasScrolled?: boolean;
-}, never>>> & string;
-export declare const SearchBarIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const SearchBarIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const SearchBarInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
-export declare const SearchBarModalCross: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const SearchBarCross: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ResultWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never>>> & string;
-export declare const ResultTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
-export declare const NoResultTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
-export declare const ResultItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$active"> & {
-    $active?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$active"> & {
-    $active?: boolean;
-}, never>>> & string;
-export declare const ResultItemPin: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never>>> & string;
-export declare const ButtonItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "$buttonType"> & {
-    $buttonType: "cancel" | "confirm";
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "$buttonType"> & {
-    $buttonType: "cancel" | "confirm";
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const SearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: import("react").Ref<SVGSVGElement>;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export {};
+import { TPanelInputMode } from "../../types";
+interface ISinglePanelStyle {
+    $panelInputMode: TPanelInputMode;
+}
+export declare const SearchWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never>>> & string;
+export declare const SearchBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasScrolled"> & {
+    $hasScrolled?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasScrolled"> & {
+    $hasScrolled?: boolean;
+}, never>>> & string;
+export declare const SearchBarIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
+export declare const SearchBarIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const SearchBarInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+export declare const SearchBarModalCross: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const SearchBarCross: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const ResultWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never>>> & string;
+export declare const ResultTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+export declare const NoResultTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+export declare const ResultItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$active"> & {
+    $active?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$active"> & {
+    $active?: boolean;
+}, never>>> & string;
+export declare const ResultItemPin: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$panelInputMode"> & ISinglePanelStyle, never>>> & string;
+export declare const ButtonItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "$buttonType"> & {
+    $buttonType: "cancel" | "confirm";
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "$buttonType"> & {
+    $buttonType: "cancel" | "confirm";
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const SearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, never>>> & string & Omit<{
+    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+export {};