playbook_ui 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

data/app/pb_kits/playbook/pb_detail/_detail.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type DetailProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    bold?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    color?: 'light' | 'default' | 'lighter' | 'link' | 'error' | 'success';
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+    text?: string;
+} & GlobalProps;
+declare const Detail: (props: DetailProps) => JSX.Element;
+export default Detail;

data/app/pb_kits/playbook/pb_dialog/_close_icon.d.ts

@@ -0,0 +1,5 @@
+declare type CloseIconProps = {
+    onClose: () => any;
+};
+export declare const CloseIcon: (props: CloseIconProps) => JSX.Element;
+export {};

data/app/pb_kits/playbook/pb_dialog/_dialog.d.ts

@@ -0,0 +1,68 @@
+import React from "react";
+declare type DialogProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    cancelButton?: string;
+    children: React.ReactNode | React.ReactNode[] | string;
+    className?: string;
+    closeable: boolean;
+    confirmButton?: string;
+    data?: object;
+    id?: string;
+    fullHeight?: boolean;
+    loading?: boolean;
+    onCancel?: () => void;
+    onChange?: () => void;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    opened: boolean;
+    portalClassName?: string;
+    placement?: "left" | "center" | "right";
+    shouldCloseOnOverlayClick: boolean;
+    size?: "sm" | "md" | "lg" | "xl" | "status_size" | "content";
+    status?: "info" | "caution" | "delete" | "error" | "success";
+    text?: string;
+    title?: string;
+    trigger?: string;
+};
+declare const Dialog: {
+    (props: DialogProps): JSX.Element;
+    Header: (props: {
+        aria?: {
+            [key: string]: string;
+        };
+        children: React.ReactNode | React.ReactNode[];
+        className?: string;
+        closeable?: boolean;
+        data?: object;
+        id?: string;
+        padding?: string;
+        separator?: boolean;
+        spacing?: "none" | "between" | "around" | "evenly";
+        text?: string;
+        title?: string;
+    } & import("../utilities/globalProps").GlobalProps) => JSX.Element;
+    Body: (props: {
+        children: React.ReactNode | React.ReactNode[];
+        padding?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
+        className?: string;
+    }) => JSX.Element;
+    Footer: (props: {
+        aria?: {
+            [key: string]: string;
+        };
+        children: React.ReactChild | React.ReactChild[];
+        className?: string;
+        data?: {
+            [key: string]: string;
+        };
+        id?: string;
+        padding?: string;
+        paddingBottom?: string;
+        paddingX?: string;
+        separator?: boolean;
+        spacing?: "none" | "between" | "around" | "evenly";
+    } & import("../utilities/globalProps").GlobalProps) => JSX.Element;
+};
+export default Dialog;

data/app/pb_kits/playbook/pb_dialog/_dialog_context.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DialogContext: React.Context<any>;

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type DialogBodyProps = {
+    children: React.ReactNode | React.ReactNode[] | string;
+    padding?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+};
+declare const DialogBody: (props: DialogBodyProps) => JSX.Element;
+export default DialogBody;

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../../utilities/globalProps';
+declare type DialogFooterProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children: React.ReactChild[] | React.ReactChild | string;
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    padding?: string;
+    paddingBottom?: string;
+    paddingX?: string;
+    separator?: boolean;
+    spacing?: "none" | "between" | "around" | "evenly";
+} & GlobalProps;
+declare const DialogFooter: (props: DialogFooterProps) => JSX.Element;
+export default DialogFooter;

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { GlobalProps } from '../../utilities/globalProps';
+declare type DialogHeaderProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children: React.ReactNode[] | React.ReactNode | string;
+    className?: string;
+    closeable?: boolean;
+    data?: object;
+    id?: string;
+    padding?: string;
+    separator?: boolean;
+    spacing?: "none" | "between" | "around" | "evenly";
+    text?: string;
+    title?: string;
+} & GlobalProps;
+declare const DialogHeader: (props: DialogHeaderProps) => JSX.Element;
+export default DialogHeader;

data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.d.ts

@@ -0,0 +1,10 @@
+declare type DistributionBarProps = {
+    className?: string;
+    colors: [];
+    data?: string;
+    id?: string;
+    size?: "lg" | "sm";
+    widths?: number[];
+};
+declare const DistributionBar: (props: DistributionBarProps) => JSX.Element;
+export default DistributionBar;

data/app/pb_kits/playbook/pb_enhanced_element/element_observer.d.ts

@@ -0,0 +1,17 @@
+import PbEnhancedElement from "./index";
+export default class ElementObserver {
+    matchDelegate: PbEnhancedElement;
+    target: Document;
+    _mutationObserver: MutationObserver;
+    constructor(matchDelegate: PbEnhancedElement, target?: Document);
+    get mutationObserver(): MutationObserver;
+    start(): void;
+    stop(): void;
+    catchup(): void;
+    processMutationList(mutationList: Array<MutationRecord>): void;
+    processAttributeChange(node: Element): void | Array<Element>;
+    processRemovedNodes(nodes: Array<Element>): void;
+    processAddedNodes(nodes: Array<Element>): void;
+    handleRemovals(elements: Array<Element>): void;
+    handleAdditions(elements: Array<Element>): void;
+}

data/app/pb_kits/playbook/pb_enhanced_element/index.d.ts

@@ -0,0 +1,17 @@
+import ElementObserver from './element_observer';
+export default class PbEnhancedElement {
+    static _elements: Map<Element, PbEnhancedElement>;
+    static _observer: ElementObserver;
+    element: Element;
+    constructor(element?: Element);
+    static get elements(): Map<Element, PbEnhancedElement>;
+    static get observer(): ElementObserver;
+    static get selector(): string;
+    static matches(node: Element): Array<Element>;
+    static addMatch(element: Element): void;
+    static removeMatch(element: Element): void;
+    static start(): void;
+    static stop(): void;
+    connect(): void;
+    disconnect(): void;
+}

data/app/pb_kits/playbook/pb_file_upload/_file_upload.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Callback } from '../types';
+declare type FileUploadProps = {
+    accept?: string[];
+    className?: string;
+    customMessage?: string;
+    data?: {
+        [key: string]: string | number;
+    };
+    acceptedFilesDescription?: string;
+    maxSize?: number;
+    onFilesAccepted: Callback<File, File>;
+    onFilesRejected: (error: string, files: File[]) => void;
+};
+declare const FileUpload: (props: FileUploadProps) => React.ReactElement;
+export default FileUpload;

data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type FilterDescription = {
+    [key: string]: string | null | boolean;
+};
+export declare type CurrentFiltersProps = {
+    dark: boolean;
+    filters: FilterDescription;
+};
+declare const CurrentFilters: ({ dark, filters }: CurrentFiltersProps) => React.ReactElement;
+export default CurrentFilters;

data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GlobalProps } from '../../utilities/globalProps';
+export declare type FilterBackgroundProps = {
+    background: boolean;
+    className: string;
+    children?: React.ReactChild[] | React.ReactChild;
+    dark: boolean;
+} & GlobalProps;
+declare const FilterBackground: (props: FilterBackgroundProps) => React.ReactElement;
+export default FilterBackground;

data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FilterDescription } from './CurrentFilters';
+import { FilterBackgroundProps } from './FilterBackground';
+import { SortingChangeCallback, SortOptions, SortValue } from './SortMenu';
+export declare type FilterDoubleProps = {
+    children?: React.ReactChild[] | React.ReactChild;
+    filters?: FilterDescription;
+    onSortChange?: SortingChangeCallback;
+    results?: number;
+    sortOptions?: SortOptions;
+    sortValue?: SortValue[];
+} & FilterBackgroundProps;
+declare const FilterDouble: ({ onSortChange, sortOptions, sortValue, filters, results, children, dark, minWidth, placement, ...bgProps }: FilterDoubleProps) => React.ReactElement;
+export default FilterDouble;

data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FilterDescription } from './CurrentFilters';
+import { FilterBackgroundProps } from './FilterBackground';
+import { SortingChangeCallback, SortOptions, SortValue } from './SortMenu';
+export declare type FilterSingleProps = {
+    children?: React.ReactChild[] | React.ReactChild;
+    filters?: FilterDescription;
+    onSortChange?: SortingChangeCallback;
+    results?: number;
+    sortOptions?: SortOptions;
+    sortValue?: SortValue[];
+} & FilterBackgroundProps;
+declare const FilterSingle: ({ onSortChange, sortOptions, sortValue, filters, results, children, dark, minWidth, placement, ...bgProps }: FilterSingleProps) => React.ReactElement;
+export default FilterSingle;

data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+declare type FiltersPopoverProps = {
+    children?: React.ReactChild[] | React.ReactChild | (({ closePopover }: {
+        closePopover: () => void;
+    }) => ReactNode);
+    dark?: boolean;
+    minWidth?: string;
+    placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+};
+declare const FiltersPopover: ({ children, dark, minWidth, placement }: FiltersPopoverProps) => React.ReactElement;
+export default FiltersPopover;

data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type ResultsCountProps = {
+    dark?: boolean;
+    results?: number | null;
+    title?: boolean;
+};
+declare const ResultsCount: ({ dark, results, title }: ResultsCountProps) => React.ReactElement;
+export default ResultsCount;

data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare type Direction = 'asc' | 'desc';
+export declare type SortOptions = {
+    [name: string]: string;
+};
+export declare type SortValue = {
+    name: string;
+    dir: Direction;
+};
+export declare type SortingChangeCallback = (value: SortValue[]) => void;
+export declare type SortMenuProps = {
+    dark?: boolean;
+    onChange: SortingChangeCallback;
+    options: SortOptions;
+    value?: SortValue[];
+};
+declare const SortMenu: ({ dark, options, value, onChange }: SortMenuProps) => React.ReactElement;
+export default SortMenu;

data/app/pb_kits/playbook/pb_filter/Filter/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FilterSingleProps } from './FilterSingle';
+import { FilterDoubleProps } from './FilterDouble';
+declare type FilterProps = FilterSingleProps | (FilterDoubleProps & {
+    double?: boolean;
+});
+declare const Filter: ({ double, ...templateProps }: FilterProps) => React.ReactElement;
+export default Filter;

data/app/pb_kits/playbook/pb_filter/_filter.d.ts

@@ -0,0 +1 @@
+export { default } from './Filter';

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+declare type FixedConfirmationToastProps = {
+    autoClose?: number;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    closeable?: boolean;
+    data?: string;
+    horizontal?: "right" | "left" | "center";
+    id?: string;
+    multiLine?: boolean;
+    onClose?: () => void;
+    open?: boolean;
+    status?: "success" | "error" | "neutral" | "tip";
+    text?: string;
+    vertical?: "top" | "bottom";
+};
+declare const FixedConfirmationToast: (props: FixedConfirmationToastProps) => JSX.Element;
+export default FixedConfirmationToast;

data/app/pb_kits/playbook/pb_flex/_flex.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+import { Sizes } from '../types';
+declare type FlexProps = {
+    children: React.ReactChild[] | React.ReactNode;
+    className?: string;
+    data?: object;
+    horizontal?: "left" | "center" | "right" | "stretch" | "none";
+    justify?: "start" | "center" | "end" | "around" | "between" | "evenly" | "none";
+    id?: string;
+    inline?: boolean;
+    orientation?: "row" | "column";
+    spacing?: "around" | "between" | "evenly" | "none";
+    reverse?: boolean;
+    vertical?: "top" | "center" | "bottom" | "stretch" | "baseline" | "none";
+    align?: "start" | "center" | "end" | "stretch" | "baseline" | "none";
+    gap?: Sizes | "none";
+    rowGap?: Sizes | "none";
+    columnGap?: Sizes | "none";
+    wrap?: boolean;
+    alignSelf?: "start" | "end" | "center" | "stretch" | "none";
+} & GlobalProps;
+declare const Flex: (props: FlexProps) => JSX.Element;
+export default Flex;

data/app/pb_kits/playbook/pb_flex/_flex_item.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type FlexItemPropTypes = {
+    children: React.ReactNode[] | React.ReactNode;
+    fixedSize?: string;
+    grow?: boolean;
+    shrink?: boolean;
+    className?: string;
+    order?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'first' | 'none';
+    alignSelf?: "start" | "end" | "center" | "stretch" | null;
+    displayFlex?: boolean;
+} & GlobalProps;
+declare const FlexItem: (props: FlexItemPropTypes) => React.ReactElement;
+export default FlexItem;

data/app/pb_kits/playbook/pb_form_group/_form_group.d.ts

@@ -0,0 +1,12 @@
+declare type FormGroupProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children?: Node;
+    className?: string;
+    data?: object;
+    fullWidth?: boolean;
+    id?: string;
+};
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+export default FormGroup;

data/app/pb_kits/playbook/pb_form_pill/_form_pill.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type FormPillProps = {
+    className?: string;
+    id?: string;
+    text: string;
+    name?: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    avatar?: boolean;
+    avatarUrl?: string;
+    size?: string;
+    textTransform?: 'none' | 'lowercase';
+    closeProps?: {
+        onClick?: React.MouseEventHandler<HTMLSpanElement>;
+        onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;
+        onTouchEnd?: React.TouchEventHandler<HTMLSpanElement>;
+    };
+} & GlobalProps;
+declare const FormPill: (props: FormPillProps) => JSX.Element;
+export default FormPill;

data/app/pb_kits/playbook/pb_gauge/_gauge.d.ts

@@ -0,0 +1,31 @@
+declare type GaugeProps = {
+    aria: {
+        [key: string]: string;
+    };
+    className?: string;
+    chartData?: {
+        name: string;
+        value: number[] | number;
+    }[];
+    dark?: Boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disableAnimation?: boolean;
+    fullCircle?: boolean;
+    height?: string;
+    id?: string;
+    max?: number;
+    min?: number;
+    prefix?: string;
+    showLabels?: boolean;
+    style?: string;
+    suffix?: string;
+    title?: string;
+    tooltipHtml?: string;
+    colors: string[];
+    minorTickInterval: any;
+    circumference: number[];
+};
+declare const Gauge: ({ aria, className, chartData, dark, data, disableAnimation, fullCircle, height, id, max, min, prefix, showLabels, style, suffix, title, tooltipHtml, colors, minorTickInterval, circumference, ...props }: GaugeProps) => JSX.Element;
+export default Gauge;

data/app/pb_kits/playbook/pb_gauge/_gauge.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import classnames from "classnames";
 import HighchartsReact from "highcharts-react-official";
+import Highcharts from "highcharts";
 import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
 import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
 import mapColors from "../pb_dashboard/pbChartsColorsHelper";
@@ -13,26 +14,26 @@ import { buildAriaProps, buildCss, buildDataProps } from "../utilities/props";
 import { globalProps } from "../utilities/globalProps";
 
 type GaugeProps = {
-  aria: { [key: string]: string },
-  className?: string,
-  chartData?: { name: string, value: number[] | number }[],
-  dark?: Boolean,
-  data?: { [key: string]: string },
-  disableAnimation?: boolean,
-  fullCircle?: boolean,
-  height?: string,
-  id?: string,
-  max?: number,
-  min?: number,
-  prefix?: string,
-  showLabels?: boolean,
-  style?: string,
-  suffix?: string,
-  title?: string,
-  tooltipHtml?: string,
-  colors: string[],
-  minorTickInterval: any,
-  circumference: number[],
+  aria: { [key: string]: string };
+  className?: string;
+  chartData?: { name: string; value: number[] | number }[];
+  dark?: Boolean;
+  data?: { [key: string]: string };
+  disableAnimation?: boolean;
+  fullCircle?: boolean;
+  height?: string;
+  id?: string;
+  max?: number;
+  min?: number;
+  prefix?: string;
+  showLabels?: boolean;
+  style?: string;
+  suffix?: string;
+  title?: string;
+  tooltipHtml?: string;
+  colors: string[];
+  minorTickInterval: any;
+  circumference: number[];
 };
 
 const Gauge = ({
@@ -61,13 +62,28 @@ const Gauge = ({
 }: GaugeProps) => {
   const ariaProps = buildAriaProps(aria);
   const dataProps = buildDataProps(data);
+  highchartsMore(Highcharts);
+  solidGauge(Highcharts);
+  const setupTheme = () => {
+    dark
+      ? Highcharts.setOptions(highchartsDarkTheme)
+      : Highcharts.setOptions(highchartsTheme);
+  };
+  setupTheme();
+
+  //set tooltip directly to prevent being overriden by Highcharts defaults
+  Highcharts.setOptions({
+    tooltip: {
+      pointFormat: tooltipHtml,
+      followPointer: true,
+    },
+  });
 
   const css = buildCss({
     pb_gauge_kit: true,
   });
 
   const [options, setOptions] = useState({});
-  const [isHighchartsLoaded, setIsHighchartsLoaded] = useState(false);
 
   useEffect(() => {
     const formattedChartData = chartData.map((obj: any) => {
@@ -158,45 +174,18 @@ const Gauge = ({
 
     setOptions({ ...staticOptions });
 
-    const interval = setInterval(() => {
-      if (window.Highcharts) {
-        clearInterval(interval)
-        
-        const gaugeInterval = setInterval(() => {
-          if (document.querySelector(".prefix")) {
-            clearInterval(gaugeInterval)
-            document.querySelectorAll(".prefix").forEach((prefix) => {
-              prefix.setAttribute("y", "28");
-            });
-            document
-              .querySelectorAll(".fix")
-              .forEach((fix) => fix.setAttribute("y", "38"));
-          }
-        }, 0)
-
-        dark
-          ? window.Highcharts.setOptions(highchartsDarkTheme)
-          : window.Highcharts.setOptions(highchartsTheme)
-        
-        highchartsMore(window.Highcharts);
-        solidGauge(window.Highcharts);
-      
-        //set tooltip directly to prevent being overriden by window.Highcharts defaults
-        window.Highcharts.setOptions({
-          tooltip: {
-            pointFormat: tooltipHtml,
-            followPointer: true,
-          },
-        });
-
-        setIsHighchartsLoaded(true)
-      }
-    }, 0)
+    if (document.querySelector(".prefix")) {
+      document.querySelectorAll(".prefix").forEach((prefix) => {
+        prefix.setAttribute("y", "28");
+      });
+      document
+        .querySelectorAll(".fix")
+        .forEach((fix) => fix.setAttribute("y", "38"));
+    }
 
   }, [chartData]);
 
   return (
-    isHighchartsLoaded &&
     <HighchartsReact
       containerProps={{
         className: classnames(css, globalProps(props)),
@@ -204,7 +193,7 @@ const Gauge = ({
         ...ariaProps,
         ...dataProps,
       }}
-      highcharts={window.Highcharts}
+      highcharts={Highcharts}
       options={options}
     />
   );

data/app/pb_kits/playbook/pb_hashtag/_hashtag.d.ts

@@ -0,0 +1,17 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type HashtagProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: string;
+    id?: string;
+    newWindow?: boolean;
+    rel?: string;
+    text?: string;
+    type: "default" | "home" | "project" | "appointment";
+    url?: string;
+} & GlobalProps;
+declare const Hashtag: (props: HashtagProps) => JSX.Element;
+export default Hashtag;

data/app/pb_kits/playbook/pb_highlight/_highlight.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type HighlightProps = {
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    children?: React.ReactChild[] | React.ReactChild | string;
+    text?: string;
+    highlightedText?: string[];
+} & GlobalProps;
+declare const Highlight: (props: HighlightProps) => React.ReactElement;
+export default Highlight;

data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.d.ts

@@ -0,0 +1,23 @@
+declare type HomeAddressStreetProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    address: string;
+    addressCont: string;
+    city: string;
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    dark?: boolean;
+    emphasis: "street" | "city";
+    homeId: string;
+    houseStyle: string;
+    homeUrl: string;
+    newWindow: boolean;
+    state: string;
+    zipcode: string;
+    territory: string;
+};
+declare const HomeAddressStreet: (props: HomeAddressStreetProps) => JSX.Element;
+export default HomeAddressStreet;