@ya-accelerators/nextjs-framework 0.0.0

package/dist/ui/composite/index.d.ts

@@ -0,0 +1,342 @@
+import * as button from './button';
+export declare const Composite: {
+    PageTitle: ({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
+        routes?: {
+            label: string;
+            href: string;
+        }[];
+        title: string;
+        actions?: {
+            path: string;
+            button?: import("react").ComponentProps<typeof button.Button>;
+            content?: import("react").ReactNode;
+        }[];
+        back?: boolean;
+        keepRoutesSpace?: boolean;
+        showTitle?: boolean;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Label: ({ color, size, rounded, border, label, icon, className, ...props }: {
+        color: import("..").ColorTypes;
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+    } & Omit<import("react").ComponentProps<"label">, "color">) => import("react").JSX.Element;
+    Input: {
+        WeekDaysSelector: ({ name, short, defaultValue, onChange, disabled, className, error, }: {
+            name: string;
+            short?: boolean;
+            defaultValue?: import("../..").Weekday | import("../..").Weekday[] | null;
+            onChange?: (value: import("../..").Weekday | import("../..").Weekday[]) => void;
+            disabled?: boolean;
+            className?: string;
+            error?: boolean;
+        }) => import("react").JSX.Element;
+        WeekdayPicker: ({ name, short, defaultValue, onChange, disabled, className, required, multiSelect, error, ...props }: {
+            name: string;
+            short?: boolean;
+            defaultValue?: import("../..").Weekday | import("../..").Weekday[] | null;
+            onChange?: (value: import("../..").Weekday | import("../..").Weekday[]) => void;
+            disabled?: boolean;
+            className?: string;
+            required?: boolean;
+            multiSelect?: boolean;
+            error?: boolean;
+        }) => import("react").JSX.Element;
+        TimeRange: ({ defaultValue, name, disabled, error, required, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/timePicker").TimePicker>, "defaultValue" | "onChange"> & {
+            defaultValue?: {
+                start?: string | null;
+                end?: string | null;
+            };
+            error?: boolean;
+            required?: boolean;
+            disabled?: boolean;
+            stepMinutes?: number;
+            onChange?: (value: {
+                start?: string | null;
+                end?: string | null;
+            }) => void;
+        }) => import("react").JSX.Element;
+        TimePicker: ({ min, max, stepMinutes, defaultValue, value, selectRef, ...props }: {
+            min?: string | null;
+            max?: string | null;
+            stepMinutes?: number;
+            defaultValue?: string | null;
+            value?: string | null;
+            selectRef?: React.RefObject<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean> | null>;
+        } & Omit<import("react").ComponentProps<typeof import("./input/select").Select>, "options" | "defaultValue">) => import("react").JSX.Element;
+        TextArea: ({ name, color, rounded, disabled, className, required, defaultValue, error, rows, ...props }: {
+            name: string;
+            color?: import("..").TextColorTypes;
+            rounded?: import("..").Rounded;
+            required?: boolean;
+            defaultValue?: string | number | readonly string[] | undefined | null;
+            error?: boolean;
+        } & Omit<import("react").ComponentProps<"textarea">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
+        Text: ({ name, rounded, focused, color, icon, className, defaultValue, error, inputClassName, isClearable, ...props }: {
+            name: string;
+            rounded?: import("..").Rounded;
+            focused?: boolean;
+            color?: import("..").TextColorTypes;
+            icon?: import("..").IconType;
+            defaultValue?: string | number | readonly string[] | undefined | null;
+            error?: boolean;
+            inputClassName?: string;
+            isClearable?: boolean;
+        } & Omit<import("react").ComponentProps<"input">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
+        useScrollToSelectedOnOpen: (args: {
+            menuOpen: boolean;
+            portalEl?: HTMLElement;
+            instanceId: string;
+        }) => void;
+        Select: import("react").ForwardRefExoticComponent<{
+            name: string;
+            className?: string;
+            options: import("react-select").OptionsOrGroups<import("./input/select/types").SelectOption, import("react-select").GroupBase<import("./input/select/types").SelectOption>>;
+            defaultValue?: string | number | readonly string[] | undefined | null;
+            value?: string;
+            onChange?: (value: string) => void;
+            disabled?: boolean;
+            required?: boolean;
+            isMulti?: boolean;
+            isSearchable?: boolean;
+            isClearable?: boolean;
+            placeholder?: string;
+            noOptionsMessage?: string;
+            showDividerBetweenOptions?: boolean;
+            indentPadding?: number;
+            autoFocus?: boolean;
+            rounded?: import("..").Rounded;
+            error?: boolean;
+        } & import("react").RefAttributes<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean>>>;
+        Search: ({ value, onUpdate, className, }: {
+            value?: string;
+            onUpdate: (value: string) => void;
+            className?: string;
+        }) => import("react").JSX.Element;
+        Radio: ({ orientation, name, options, value, defaultValue, onChange, disabled, required, }: {
+            orientation: "horizontal" | "vertical";
+            name: string;
+            options: {
+                value: string;
+                label: string;
+                disabled?: boolean;
+            }[];
+            value?: string;
+            defaultValue?: string | null;
+            onChange?: (value: string) => void;
+            disabled?: boolean;
+            required?: boolean;
+        }) => import("react").JSX.Element;
+        List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, input, }: {
+            name: string;
+            rounded?: import("..").Rounded;
+            defaultList: string[][];
+            minListLength?: number;
+            maxListLength?: number;
+            valueLength: number;
+            isFirstItem: boolean;
+            input: (props: {
+                name: string;
+                autoFocus: boolean;
+                values: string[];
+                onChange: (index: number, value: string) => void;
+            }) => {
+                node: import("react").ReactNode;
+                disabled?: boolean;
+            };
+        }) => import("react").JSX.Element;
+        DateTimeRange: ({ defaultValue, name, disabled, error, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/dateTimePicker").DateTimePicker>, "defaultValue" | "onChange"> & {
+            defaultValue?: {
+                start?: Date;
+                end?: Date;
+            };
+            error?: boolean;
+            stepMinutes?: number;
+            onChange?: (value: {
+                start?: Date;
+                end?: Date;
+            }) => void;
+        }) => import("react").JSX.Element;
+        DateTimePicker: ({ name, defaultValue, value, min, max, onChange, disabled, required, error, stepMinutes, timeSelectRef, }: {
+            name: string;
+            defaultValue?: Date;
+            value?: Date;
+            min?: Date;
+            max?: Date;
+            onChange?: (value: Date) => void;
+            disabled?: boolean;
+            required?: boolean;
+            error?: boolean;
+            stepMinutes?: number;
+            timeSelectRef?: React.RefObject<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean> | null>;
+        }) => import("react").JSX.Element;
+        DateRange: ({ defaultValue, name, disabled, error, stepDays, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/datePicker").DatePicker>, "defaultValue" | "onChange"> & {
+            defaultValue?: {
+                start?: Date;
+                end?: Date;
+            };
+            error?: boolean;
+            stepDays?: number;
+            onChange?: (value: {
+                start?: Date;
+                end?: Date;
+            }) => void;
+        }) => import("react").JSX.Element;
+        DatePicker: (props: Parameters<({ name, rounded, placement, defaultValue, value, min, max, onChange, disabled, className, required, error, autoFocus, }: {
+            name: string;
+            rounded?: import("..").Rounded;
+            placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            defaultValue?: Date;
+            value?: Date;
+            min?: Date;
+            max?: Date;
+            onChange?: (value?: Date) => void;
+            disabled?: boolean;
+            className?: string;
+            required?: boolean;
+            error?: boolean;
+            autoFocus?: boolean;
+        }) => import("react").JSX.Element>[0]) => import("react").JSX.Element;
+        Checkbox: ({ orientation, name, options, defaultValue, onChange, disabled, error, }: {
+            orientation: "horizontal" | "vertical";
+            name: string;
+            options: {
+                value: string;
+                label: string;
+                disabled?: boolean;
+            }[];
+            defaultValue?: string[] | null;
+            onChange?: (values: string[]) => void;
+            disabled?: boolean;
+            error?: boolean;
+        }) => import("react").JSX.Element;
+        CheckboxItem: ({ name, checked, onClick, value, label, disabled, error, }: {
+            name: string;
+            checked: boolean;
+            onClick: () => void;
+            value: string;
+            label: string;
+            disabled?: boolean;
+            error?: boolean;
+        }) => import("react").JSX.Element;
+        Address: ({ name, rounded, defaultValue, countryCode, onSearch, onChange, disabled, required, className, googleMapsApiKey, }: {
+            name: string;
+            rounded?: import("..").Rounded;
+            defaultValue?: import("./input/address").AddressValue | null;
+            countryCode?: string;
+            onSearch?: (result: import("./input/address").AddressValue | null) => void;
+            onChange?: (value: import("./input/address").AddressValue) => void;
+            disabled?: boolean;
+            required?: boolean;
+            className?: string;
+            googleMapsApiKey?: string;
+        }) => import("react").JSX.Element;
+    };
+    DropDown: ({ button, content, position, menuRounded, menuClassName, disabled, }: {
+        button: import("react").ComponentProps<({ variant, ...props }: ({
+            variant: "colored";
+        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
+            variant: "text";
+        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
+            variant: "image";
+        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
+        content: import("react").ReactNode | (import("react").ComponentProps<typeof import("./button").Button> | "divider")[];
+        position: "left" | "center" | "right";
+        menuRounded?: import("..").Rounded;
+        menuClassName?: string;
+        disabled?: boolean;
+    }) => import("react").JSX.Element | null;
+    Button: (buttonProps: ({
+        variant: "colored";
+    } & {
+        color: import("..").ColorTypes;
+        container?: boolean;
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
+            square?: boolean;
+        };
+        disabled?: boolean;
+    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+        children?: React.ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>, "color" | "disabled" | "children" | "onClick">, "image">) | ({
+        variant: "text";
+    } & {
+        color?: import("..").TextColorTypes;
+        container?: boolean;
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
+            square?: boolean;
+        };
+        disabled?: boolean;
+    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+        children?: React.ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>, "color" | "disabled" | "children" | "onClick">, "image">) | ({
+        variant: "image";
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
+            square?: boolean;
+        };
+        disabled?: boolean;
+    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+        children?: React.ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>, "color" | "disabled" | "children" | "onClick">, "icon">) | ((({
+        variant: "colored";
+    } & {
+        color: import("..").ColorTypes;
+        container?: boolean;
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
+            square?: boolean;
+        };
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children">, "image">) | ({
+        variant: "text";
+    } & {
+        color?: import("..").TextColorTypes;
+        container?: boolean;
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
+            square?: boolean;
+        };
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children">, "image">) | ({
+        variant: "image";
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
+            square?: boolean;
+        };
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children">, "icon">)) & {
+        action?: import("../..").ModalProps;
+    })) => import("react").JSX.Element;
+};

package/dist/ui/composite/index.js

@@ -0,0 +1,13 @@
+import * as button from './button';
+import * as dropdown from './dropdown';
+import * as input from './input';
+import * as label from './label';
+import * as pageTitle from './pageTitle';
+export const Composite = {
+    ...button,
+    ...dropdown,
+    ...input,
+    ...label,
+    ...pageTitle,
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/composite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/composite/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,MAAM;IACT,GAAG,QAAQ;IACX,GAAG,KAAK;IACR,GAAG,KAAK;IACR,GAAG,SAAS;CACb,CAAA"}

package/dist/ui/composite/input/address/index.d.ts

@@ -0,0 +1,33 @@
+import { Rounded } from '../../../theme';
+export interface AddressValue {
+    /** ID */
+    id?: string | null;
+    /** ZipCode */
+    zipCode: string;
+    /** Region (都道府県 in Japan) */
+    region: string;
+    /** City (市区町村 in Japan) */
+    city: string;
+    /** Address Line1 (町名・番地 in Japan) */
+    line1: string;
+    /** Address Line2 (建物名・部屋番号 in Japan) */
+    line2?: string | null;
+    /** Address Line3 */
+    line3?: string | null;
+    /** Latitude */
+    lat?: number | null;
+    /** Longitude */
+    lng?: number | null;
+}
+export declare const Address: ({ name, rounded, defaultValue, countryCode, onSearch, onChange, disabled, required, className, googleMapsApiKey, }: {
+    name: string;
+    rounded?: Rounded;
+    defaultValue?: AddressValue | null;
+    countryCode?: string;
+    onSearch?: (result: AddressValue | null) => void;
+    onChange?: (value: AddressValue) => void;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    googleMapsApiKey?: string;
+}) => import("react").JSX.Element;

package/dist/ui/composite/input/address/index.jsx

@@ -0,0 +1,132 @@
+'use client';
+import SearchIcon from '@mui/icons-material/Search';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { useEffect, useState } from 'react';
+import { Component } from '../../../component';
+import { ColorTypes, Rounded, TextColorTypes } from '../../../theme';
+import { Text } from '../text';
+import { GoogleMapPicker } from './map';
+import { getCountryAddressFormat, lookupInternationalAddress } from './utils';
+export const Address = ({ name, rounded = Rounded.m, defaultValue, countryCode = 'JP', onSearch, onChange, disabled, required, className, googleMapsApiKey, }) => {
+    const [values, setValues] = useState(defaultValue ?? {
+        zipCode: '',
+        region: '',
+        city: '',
+        line1: '',
+        line2: '',
+        line3: '',
+    });
+    const t = useTranslations();
+    const [isSearching, setIsSearching] = useState(false);
+    const format = getCountryAddressFormat(countryCode, t);
+    useEffect(() => {
+        onChange?.(values);
+    }, [values, onChange]);
+    useEffect(() => {
+        if (googleMapsApiKey) {
+            return;
+        }
+        const geocodeAddress = async () => {
+            if (!values.zipCode || !values.region || !values.city || !values.line1) {
+                return;
+            }
+            try {
+                const addressString = `${values.zipCode} ${values.region}${values.city}${values.line1}`;
+                const response = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(addressString)}&key=${googleMapsApiKey}`);
+                const data = await response.json();
+                if (data.results && data.results.length > 0) {
+                    const location = data.results[0].geometry.location;
+                    handleChange('lat', location.lat);
+                    handleChange('lng', location.lng);
+                }
+            }
+            catch (error) {
+                console.error('Error geocoding address:', error);
+            }
+        };
+        geocodeAddress();
+    }, [values.zipCode, values.region, values.city, values.line1, googleMapsApiKey]);
+    const handleSearch = async () => {
+        if (!values.zipCode)
+            return;
+        setIsSearching(true);
+        try {
+            const result = await lookupInternationalAddress(values.zipCode, countryCode);
+            if (result) {
+                const updatedValues = {
+                    ...values,
+                    region: result.region,
+                    city: result.city,
+                    line1: result.line1,
+                    lat: result.lat,
+                    lng: result.lng,
+                };
+                setValues(updatedValues);
+                onSearch?.(updatedValues);
+            }
+            else {
+                onSearch?.(null);
+            }
+        }
+        catch (error) {
+            console.error('Error during address lookup:', error);
+            onSearch?.(null);
+        }
+        finally {
+            setIsSearching(false);
+        }
+    };
+    const handleChange = (field, value) => {
+        setValues((prev) => ({ ...prev, [field]: value }));
+    };
+    const isFieldRequired = (field) => {
+        if (!required)
+            return false;
+        return format.required.includes(field);
+    };
+    return (<div className={classNames('gap-control-padding-sm flex w-full flex-col', className)}>
+      {/* 郵便番号と検索ボタン */}
+      <div className='gap-control-padding-base flex items-start'>
+        <div className='gap-base flex w-full'>
+          <div className='gap-control-padding-sm flex w-[140px] items-center'>
+            <Component.Typography.Label container={true}>{format.labels.zipCode}</Component.Typography.Label>
+            {isFieldRequired('zipCode') && (<Component.Typography.P color={TextColorTypes.error} container={true}>
+                *
+              </Component.Typography.P>)}
+          </div>
+          <Text name={`${name}.zipCode`} rounded={rounded} value={values.zipCode} onChange={(e) => handleChange('zipCode', e.target.value)} required={isFieldRequired('zipCode')} disabled={disabled}/>
+        </div>
+        <Component.Button variant='colored' color={ColorTypes.primary} rounded={rounded} onClick={handleSearch} disabled={!values.zipCode || isSearching || disabled} icon={SearchIcon}/>
+      </div>
+
+      {/* 住所フィールド - 国別フォーマットに従って表示 */}
+      {format.order.map((field) => {
+            if (field === 'zipCode')
+                return null; // 郵便番号は上部に表示済み
+            return (<div key={field} className='mt-control-padding-base flex'>
+            <div className='gap-control-padding-sm flex w-[160px] items-center'>
+              <Component.Typography.Label container={true}>{format.labels[field]}</Component.Typography.Label>
+              {isFieldRequired(field) && (<Component.Typography.P color={TextColorTypes.error} container={true}>
+                  *
+                </Component.Typography.P>)}
+            </div>
+            <Text name={`${name}.${field}`} rounded={rounded} value={values[field] || ''} onChange={(e) => handleChange(field, e.target.value)} required={isFieldRequired(field)} disabled={disabled}/>
+          </div>);
+        })}
+
+      {/* Google Maps による位置選択 */}
+      {googleMapsApiKey && (<div className='mt-control-padding-base'>
+          <GoogleMapPicker apiKey={googleMapsApiKey} initialLat={values.lat ?? undefined} initialLng={values.lng ?? undefined} rounded={rounded} disabled={disabled} onLocationSelect={(lat, lng) => {
+                handleChange('lat', lat);
+                handleChange('lng', lng);
+            }}/>
+        </div>)}
+
+      {/* 緯度・経度の非表示フィールド */}
+      <input type='hidden' name={`${name}.lat`} value={values.lat?.toString() || ''}/>
+      <input type='hidden' name={`${name}.lng`} value={values.lng?.toString() || ''}/>
+      {values.id && <input type='hidden' name={`${name}.id`} value={values.id}/>}
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/address/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/address/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/composite/input/address/map.d.ts

@@ -0,0 +1,64 @@
+import { Rounded } from '../../../theme';
+declare global {
+    interface Window {
+        google: {
+            maps: {
+                Map: new (element: HTMLElement, options: GoogleMapOptions) => GoogleMap;
+                Marker: new (options: GoogleMarkerOptions) => GoogleMarker;
+                LatLng: new (lat: number, lng: number) => GoogleLatLng;
+                event: {
+                    addListener: (instance: GoogleMap | GoogleMarker, eventName: string, handler: (e: GoogleMapEvent) => void) => void;
+                };
+            };
+        };
+    }
+}
+interface GoogleMapOptions {
+    center: {
+        lat: number;
+        lng: number;
+    };
+    zoom: number;
+    mapTypeControl: boolean;
+    streetViewControl: boolean;
+    fullscreenControl: boolean;
+}
+interface GoogleMarkerOptions {
+    position: {
+        lat: number;
+        lng: number;
+    };
+    map: GoogleMap;
+    draggable: boolean;
+}
+interface GoogleMap {
+    setCenter: (position: {
+        lat: number;
+        lng: number;
+    }) => void;
+}
+interface GoogleMarker {
+    setPosition: (position: {
+        lat: number;
+        lng: number;
+    }) => void;
+    getPosition: () => GoogleLatLng;
+}
+interface GoogleLatLng {
+    lat: () => number;
+    lng: () => number;
+}
+interface GoogleMapEvent {
+    latLng: GoogleLatLng;
+}
+interface GoogleMapProps {
+    apiKey?: string;
+    initialLat?: number;
+    initialLng?: number;
+    onLocationSelect: (lat: number, lng: number) => void;
+    rounded?: Rounded;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const GoogleMapPicker: ({ apiKey, initialLat, initialLng, onLocationSelect, rounded, disabled, className, }: GoogleMapProps) => import("react").JSX.Element;
+export {};