@bloom-housing/ui-components 13.0.0 → 13.0.1

package/dist/src/page_components/listing/ListingDetailHeader.d.ts

@@ -9,5 +9,5 @@ export interface ListingDetailHeaderProps {
     hideHeader?: boolean;
     desktopClass?: string;
 }
-declare const ListingDetailHeader: (props: ListingDetailHeaderProps) => JSX.Element;
+declare const ListingDetailHeader: (props: ListingDetailHeaderProps) => React.JSX.Element;
 export { ListingDetailHeader as default, ListingDetailHeader };

package/dist/src/page_components/listing/ListingDetailHeader.stories.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { BADGES } from "../../../.storybook/constants";
 declare const _default: {
     title: string;
@@ -6,4 +7,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/page_components/listing/ListingDetails.d.ts

@@ -1,4 +1,5 @@
+import * as React from "react";
 import { ListingDetailHeaderProps } from "./ListingDetailHeader";
 import "./ListingDetails.scss";
-export declare const ListingDetails: (props: any) => JSX.Element;
-export declare const ListingDetailItem: (props: ListingDetailHeaderProps) => JSX.Element;
+export declare const ListingDetails: (props: any) => React.JSX.Element;
+export declare const ListingDetailItem: (props: ListingDetailHeaderProps) => React.JSX.Element;

package/dist/src/page_components/listing/ListingMap.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "mapbox-gl/dist/mapbox-gl.css";
 import "./ListingMap.scss";
 import { Address } from "../../helpers/MultiLineAddress";
@@ -19,5 +20,5 @@ export interface Viewport {
     longitude?: number;
     zoom: number;
 }
-declare const ListingMap: (props: ListingMapProps) => JSX.Element | null;
+declare const ListingMap: (props: ListingMapProps) => React.JSX.Element | null;
 export { ListingMap as default, ListingMap };

package/dist/src/page_components/listing/ListingMap.stories.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const showMapWithPin: () => JSX.Element;
+export declare const showMapWithPin: () => React.JSX.Element;

package/dist/src/page_components/listing/ListingsGroup.d.ts

@@ -13,5 +13,5 @@ export interface ListingsGroupProps {
     observerRef?: React.MutableRefObject<null | IntersectionObserver>;
     isOpen?: boolean;
 }
-declare const ListingsGroup: (props: ListingsGroupProps) => JSX.Element;
+declare const ListingsGroup: (props: ListingsGroupProps) => React.JSX.Element;
 export { ListingsGroup as default, ListingsGroup };

package/dist/src/page_components/listing/ListingsGroup.stories.d.ts

@@ -1,8 +1,9 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const listingsGroup: () => JSX.Element;
-export declare const listingsGroupWithInfo: () => JSX.Element;
-export declare const listingsGroupWithInfoLongButton: () => JSX.Element;
-export declare const listingsGroupWithCustomIcon: () => JSX.Element;
+export declare const listingsGroup: () => React.JSX.Element;
+export declare const listingsGroupWithInfo: () => React.JSX.Element;
+export declare const listingsGroupWithInfoLongButton: () => React.JSX.Element;
+export declare const listingsGroupWithCustomIcon: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/Contact.d.ts

@@ -36,5 +36,5 @@ export interface ContactProps {
     };
 }
 /** Displays information about a contact, including their address, contact information, and notes */
-declare const Contact: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, priority, strings, }: ContactProps) => JSX.Element;
+declare const Contact: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, priority, strings, }: ContactProps) => React.JSX.Element;
 export { Contact as default, Contact };

package/dist/src/page_components/listing/listing_sidebar/Contact.stories.d.ts

@@ -1,9 +1,10 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, priority, strings, }: import("./Contact").ContactProps) => JSX.Element;
+    component: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, priority, strings, }: import("./Contact").ContactProps) => React.JSX.Element;
 };
 export default _default;
-export declare const NoAddress: () => JSX.Element;
-export declare const WithAddress: () => JSX.Element;
-export declare const AdditionalInformation: () => JSX.Element;
-export declare const AdditionalInformationMissingFields: () => JSX.Element;
+export declare const NoAddress: () => React.JSX.Element;
+export declare const WithAddress: () => React.JSX.Element;
+export declare const AdditionalInformation: () => React.JSX.Element;
+export declare const AdditionalInformationMissingFields: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { Address } from "../../../helpers/MultiLineAddress";
 export interface ContactAddressProps {
     /** An address */
@@ -6,5 +7,5 @@ export interface ContactAddressProps {
     mapString: string;
 }
 /** Renders an address followed by a Google Maps link to the address */
-declare const ContactAddress: ({ address, mapString }: ContactAddressProps) => JSX.Element | null;
+declare const ContactAddress: ({ address, mapString }: ContactAddressProps) => React.JSX.Element | null;
 export { ContactAddress as default, ContactAddress };

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.stories.d.ts

@@ -1,6 +1,7 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ address, mapString }: import("./ContactAddress").ContactAddressProps) => JSX.Element | null;
+    component: ({ address, mapString }: import("./ContactAddress").ContactAddressProps) => React.JSX.Element | null;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.d.ts

@@ -10,5 +10,5 @@ export interface ExpandableSectionProps {
         buttonAriaLabel?: string;
     };
 }
-declare const ExpandableSection: ({ content, expandableContent, priority, strings, }: ExpandableSectionProps) => JSX.Element | null;
+declare const ExpandableSection: ({ content, expandableContent, priority, strings, }: ExpandableSectionProps) => React.JSX.Element | null;
 export { ExpandableSection as default, ExpandableSection };

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ content, expandableContent, priority, strings, }: import("./ExpandableSection").ExpandableSectionProps) => JSX.Element | null;
+    component: ({ content, expandableContent, priority, strings, }: import("./ExpandableSection").ExpandableSectionProps) => React.JSX.Element | null;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const ExpandableMarkdown: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const ExpandableMarkdown: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/GetApplication.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Address } from "../../../helpers/MultiLineAddress";
 export interface PaperApplication {
     fileURL: string;
@@ -34,5 +35,5 @@ export interface ApplicationsProps {
     };
 }
 /** Displays information regarding how to apply, including an online application link button, paper application downloads, and a paper application pickup address */
-declare const GetApplication: (props: ApplicationsProps) => JSX.Element | null;
+declare const GetApplication: (props: ApplicationsProps) => React.JSX.Element | null;
 export { GetApplication as default, GetApplication };

package/dist/src/page_components/listing/listing_sidebar/GetApplication.stories.d.ts

@@ -1,13 +1,14 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: (props: import("./GetApplication").ApplicationsProps) => JSX.Element | null;
+    component: (props: import("./GetApplication").ApplicationsProps) => React.JSX.Element | null;
 };
 export default _default;
-export declare const AllFields: () => JSX.Element;
-export declare const WithoutPaperAppFiles: () => JSX.Element;
-export declare const Preview: () => JSX.Element;
-export declare const OpenInFuture: () => JSX.Element;
-export declare const Pickup: () => JSX.Element;
-export declare const OnlineAndNoPickUp: () => JSX.Element;
-export declare const PaperAndPickup: () => JSX.Element;
-export declare const PaperAndNoPickup: () => JSX.Element;
+export declare const AllFields: () => React.JSX.Element;
+export declare const WithoutPaperAppFiles: () => React.JSX.Element;
+export declare const Preview: () => React.JSX.Element;
+export declare const OpenInFuture: () => React.JSX.Element;
+export declare const Pickup: () => React.JSX.Element;
+export declare const OnlineAndNoPickUp: () => React.JSX.Element;
+export declare const PaperAndPickup: () => React.JSX.Element;
+export declare const PaperAndNoPickup: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ListingUpdated.d.ts

@@ -1,8 +1,9 @@
+import * as React from "react";
 interface ListingUpdatedProps {
     listingUpdated: Date;
     strings?: {
         listingUpdated?: string;
     };
 }
-declare const ListingUpdated: (props: ListingUpdatedProps) => JSX.Element;
+declare const ListingUpdated: (props: ListingUpdatedProps) => React.JSX.Element;
 export { ListingUpdated as default, ListingUpdated };

package/dist/src/page_components/listing/listing_sidebar/NumberedHeader.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 declare const NumberedHeader: (props: {
     num: number;
     text: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { NumberedHeader as default, NumberedHeader };

package/dist/src/page_components/listing/listing_sidebar/OrDivider.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 declare const OrDivider: (props: {
     bgColor: string;
     strings?: {
         orString?: string;
     };
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { OrDivider as default, OrDivider };

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.d.ts

@@ -13,5 +13,5 @@ export interface QuantityRowSectionProps {
         description?: string | React.ReactNode;
     };
 }
-declare const QuantityRowSection: ({ quantityRows, strings, priority }: QuantityRowSectionProps) => JSX.Element;
+declare const QuantityRowSection: ({ quantityRows, strings, priority }: QuantityRowSectionProps) => React.JSX.Element;
 export { QuantityRowSection as default, QuantityRowSection };

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.stories.d.ts

@@ -1,12 +1,13 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ quantityRows, strings, priority }: import("./QuantityRowSection").QuantityRowSectionProps) => JSX.Element;
+    component: ({ quantityRows, strings, priority }: import("./QuantityRowSection").QuantityRowSectionProps) => React.JSX.Element;
 };
 export default _default;
-export declare const OpenAndAllValuesSupplied: () => JSX.Element;
-export declare const EmphasizedValue: () => JSX.Element;
-export declare const LargeEmphasizedValue: () => JSX.Element;
-export declare const OpenWithSomeZeroes: () => JSX.Element;
-export declare const OpenWithOnlyMaxAndOpen: () => JSX.Element;
-export declare const OpenWithOnlyMax: () => JSX.Element;
-export declare const CustomDescription: () => JSX.Element;
+export declare const OpenAndAllValuesSupplied: () => React.JSX.Element;
+export declare const EmphasizedValue: () => React.JSX.Element;
+export declare const LargeEmphasizedValue: () => React.JSX.Element;
+export declare const OpenWithSomeZeroes: () => React.JSX.Element;
+export declare const OpenWithOnlyMaxAndOpen: () => React.JSX.Element;
+export declare const OpenWithOnlyMax: () => React.JSX.Element;
+export declare const CustomDescription: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ReferralApplication.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 interface ReferralApplicationProps {
     description: string;
     phoneNumber: string;
@@ -6,5 +7,5 @@ interface ReferralApplicationProps {
         title: string;
     };
 }
-declare const ReferralApplication: (props: ReferralApplicationProps) => JSX.Element;
+declare const ReferralApplication: (props: ReferralApplicationProps) => React.JSX.Element;
 export { ReferralApplication as default, ReferralApplication };

package/dist/src/page_components/listing/listing_sidebar/ReferralApplication.stories.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const referralApplicationBlock: () => JSX.Element;
+export declare const referralApplicationBlock: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/SidebarBlock.d.ts

@@ -5,5 +5,5 @@ export interface SidebarBlockProps extends Omit<HeadingProps, "children" | "clas
     className?: string;
     title?: string;
 }
-declare const SidebarBlock: ({ children, className, title, priority, styleType }: SidebarBlockProps) => JSX.Element;
+declare const SidebarBlock: ({ children, className, title, priority, styleType }: SidebarBlockProps) => React.JSX.Element;
 export { SidebarBlock as default, SidebarBlock };

package/dist/src/page_components/listing/listing_sidebar/SidebarBlock.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 declare const _default: {
     title: string;
-    component: ({ children, className, title, priority, styleType }: import("./SidebarBlock").SidebarBlockProps) => JSX.Element;
+    component: ({ children, className, title, priority, styleType }: import("./SidebarBlock").SidebarBlockProps) => React.JSX.Element;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Styled: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Styled: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/SubmitApplication.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { Address } from "../../../helpers/MultiLineAddress";
 export interface ApplicationAddressesProps {
     /** The dropoff address for paper applications */
@@ -18,5 +19,5 @@ export interface ApplicationAddressesProps {
     };
 }
 /** Displays information regarding paper applications, including two sections: (1) how to mail in applications and (2) how to drop off applications */
-declare const SubmitApplication: ({ applicationDropOffAddress, applicationDropOffAddressOfficeHours, applicationMailingAddress, applicationOrganization, strings, }: ApplicationAddressesProps) => JSX.Element;
+declare const SubmitApplication: ({ applicationDropOffAddress, applicationDropOffAddressOfficeHours, applicationMailingAddress, applicationOrganization, strings, }: ApplicationAddressesProps) => React.JSX.Element;
 export { SubmitApplication as default, SubmitApplication };

package/dist/src/page_components/listing/listing_sidebar/SubmitApplication.stories.d.ts

@@ -1,9 +1,10 @@
+import * as React from "react";
 declare const _default: {
-    component: ({ applicationDropOffAddress, applicationDropOffAddressOfficeHours, applicationMailingAddress, applicationOrganization, strings, }: import("./SubmitApplication").ApplicationAddressesProps) => JSX.Element;
+    component: ({ applicationDropOffAddress, applicationDropOffAddressOfficeHours, applicationMailingAddress, applicationOrganization, strings, }: import("./SubmitApplication").ApplicationAddressesProps) => React.JSX.Element;
     title: string;
 };
 export default _default;
-export declare const AllFields: () => JSX.Element;
-export declare const DropOffOnly: () => JSX.Element;
-export declare const MailingOnly: () => JSX.Element;
-export declare const DropOffNoOfficeHours: () => JSX.Element;
+export declare const AllFields: () => React.JSX.Element;
+export declare const DropOffOnly: () => React.JSX.Element;
+export declare const MailingOnly: () => React.JSX.Element;
+export declare const DropOffNoOfficeHours: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/events/DownloadLotteryResults.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 type DownloadLotteryResultsProps = {
     resultsDate?: string;
     buttonText?: string;
@@ -6,5 +7,5 @@ type DownloadLotteryResultsProps = {
         sectionHeader?: string;
     };
 };
-declare const DownloadLotteryResults: (props: DownloadLotteryResultsProps) => JSX.Element | null;
+declare const DownloadLotteryResults: (props: DownloadLotteryResultsProps) => React.JSX.Element | null;
 export { DownloadLotteryResults as default, DownloadLotteryResults };

package/dist/src/page_components/listing/listing_sidebar/events/DownloadLotteryResults.stories.d.ts

@@ -1,6 +1,7 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const NoDate: () => JSX.Element;
-export declare const Date: () => JSX.Element;
+export declare const NoDate: () => React.JSX.Element;
+export declare const Date: () => React.JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.d.ts

@@ -13,5 +13,5 @@ type EventSectionProps = {
     dateClassName?: string;
     priority?: number;
 };
-declare const EventSection: (props: EventSectionProps) => JSX.Element | null;
+declare const EventSection: (props: EventSectionProps) => React.JSX.Element | null;
 export { EventSection as default, EventSection };

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.stories.d.ts

@@ -1,16 +1,17 @@
+import * as React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const NoFields: () => JSX.Element;
-export declare const TimeRange: () => JSX.Element;
-export declare const SingleTime: () => JSX.Element;
-export declare const NoTime: () => JSX.Element;
-export declare const URL: () => JSX.Element;
-export declare const Note: () => JSX.Element;
-export declare const LongStrings: () => JSX.Element;
-export declare const MultipleEvents: () => JSX.Element;
-export declare const PageSectionHeader: () => JSX.Element;
-export declare const MultipleSections: () => JSX.Element;
-export declare const FragmentNote: () => JSX.Element;
-export declare const TitleCapitalizedDate: () => JSX.Element;
+export declare const NoFields: () => React.JSX.Element;
+export declare const TimeRange: () => React.JSX.Element;
+export declare const SingleTime: () => React.JSX.Element;
+export declare const NoTime: () => React.JSX.Element;
+export declare const URL: () => React.JSX.Element;
+export declare const Note: () => React.JSX.Element;
+export declare const LongStrings: () => React.JSX.Element;
+export declare const MultipleEvents: () => React.JSX.Element;
+export declare const PageSectionHeader: () => React.JSX.Element;
+export declare const MultipleSections: () => React.JSX.Element;
+export declare const FragmentNote: () => React.JSX.Element;
+export declare const TitleCapitalizedDate: () => React.JSX.Element;

package/dist/src/page_components/sign-in/FormSignIn.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { UseFormMethods } from "react-hook-form";
 import { AlertTypes } from "../../notifications/alertTypes";
 export type NetworkErrorDetermineError = (status: number, error: Error) => void;
@@ -29,5 +30,5 @@ export type FormSignInValues = {
     email: string;
     password: string;
 };
-declare const FormSignIn: ({ onSubmit, networkStatus, showRegisterBtn, control: { errors, register, handleSubmit }, }: FormSignInProps) => JSX.Element;
+declare const FormSignIn: ({ onSubmit, networkStatus, showRegisterBtn, control: { errors, register, handleSubmit }, }: FormSignInProps) => React.JSX.Element;
 export { FormSignIn as default, FormSignIn };

package/dist/src/page_components/sign-in/FormSignInAddPhone.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { UseFormMethods } from "react-hook-form";
 import { NetworkStatus } from "./FormSignIn";
 export type FormSignInAddPhoneProps = {
@@ -14,5 +15,5 @@ export type FormSignInAddPhoneControl = {
 export type FormSignInAddPhoneValues = {
     phoneNumber: string;
 };
-declare const FormSignInAddPhone: ({ onSubmit, networkError, control, phoneNumber, }: FormSignInAddPhoneProps) => JSX.Element;
+declare const FormSignInAddPhone: ({ onSubmit, networkError, control, phoneNumber, }: FormSignInAddPhoneProps) => React.JSX.Element;
 export { FormSignInAddPhone as default, FormSignInAddPhone };

package/dist/src/page_components/sign-in/FormSignInErrorBox.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { UseFormMethods } from "react-hook-form";
 import { NetworkStatus } from "./FormSignIn";
 export type FormSignInErrorBoxProps = {
@@ -9,5 +10,5 @@ export type FormSignInErrorBoxControl = {
     errors: UseFormMethods["errors"];
     control: UseFormMethods["control"];
 };
-declare const FormSignInErrorBox: ({ networkStatus, errors, errorMessageId }: FormSignInErrorBoxProps) => JSX.Element;
+declare const FormSignInErrorBox: ({ networkStatus, errors, errorMessageId }: FormSignInErrorBoxProps) => React.JSX.Element;
 export { FormSignInErrorBox as default, FormSignInErrorBox };

package/dist/src/page_components/sign-in/FormSignInMFACode.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { NetworkStatus, FormSignInControl } from "./FormSignIn";
 export declare enum RequestType {
     email = "email",
@@ -15,5 +16,5 @@ export type FormSignInMFACodeProps = {
 export type FormSignInMFACodeValues = {
     mfaCode: string;
 };
-declare const FormSignInMFACode: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, mfaType, allowPhoneNumberEdit, phoneNumber, goBackToPhone, }: FormSignInMFACodeProps) => JSX.Element;
+declare const FormSignInMFACode: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, mfaType, allowPhoneNumberEdit, phoneNumber, goBackToPhone, }: FormSignInMFACodeProps) => React.JSX.Element;
 export { FormSignInMFACode as default, FormSignInMFACode };

package/dist/src/page_components/sign-in/FormSignInMFAType.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { UseFormMethods } from "react-hook-form";
 import { NetworkStatus } from "./FormSignIn";
 export type FormSignInMFAProps = {
@@ -13,5 +14,5 @@ export type FormSignInMFAControl = {
     register: UseFormMethods["register"];
     setValue: UseFormMethods["setValue"];
 };
-declare const FormSignInMFAType: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, emailOnClick, smsOnClick, }: FormSignInMFAProps) => JSX.Element;
+declare const FormSignInMFAType: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, emailOnClick, smsOnClick, }: FormSignInMFAProps) => React.JSX.Element;
 export { FormSignInMFAType as default, FormSignInMFAType };

package/dist/src/page_components/sign-in/FormTerms.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 export type FormTermsProps = {
     onSubmit: () => void;
     terms?: string;
 };
-declare const FormTerms: (props: FormTermsProps) => JSX.Element;
+declare const FormTerms: (props: FormTermsProps) => React.JSX.Element;
 export { FormTerms as default, FormTerms };

package/dist/src/page_components/sign-in/ResendConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export type ResendConfirmationModalProps = {
     isOpen: boolean;
     initialEmailValue: string;
@@ -8,5 +9,5 @@ export type ResendConfirmationModalProps = {
 export type ResendConfirmationModalForm = {
     onSubmit: (email: string) => void;
 };
-declare const ResendConfirmationModal: ({ isOpen, initialEmailValue, loading, onClose, onSubmit, }: ResendConfirmationModalProps) => JSX.Element;
+declare const ResendConfirmationModal: ({ isOpen, initialEmailValue, loading, onClose, onSubmit, }: ResendConfirmationModalProps) => React.JSX.Element;
 export { ResendConfirmationModal as default, ResendConfirmationModal };

package/dist/src/prototypes/AppCard.stories.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import "./AppCard.scss";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const AppCard: () => JSX.Element;
-export declare const AppCardEdit: () => JSX.Element;
+export declare const AppCard: () => React.JSX.Element;
+export declare const AppCardEdit: () => React.JSX.Element;

package/dist/src/prototypes/Back.stories.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import "./Back.scss";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Back: () => JSX.Element;
+export declare const Back: () => React.JSX.Element;

package/dist/src/prototypes/ButtonGroup.stories.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import "./ButtonGroup.scss";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const ButtonGroup: () => JSX.Element;
-export declare const ButtonGroupStack: () => JSX.Element;
+export declare const ButtonGroup: () => React.JSX.Element;
+export declare const ButtonGroupStack: () => React.JSX.Element;

package/dist/src/prototypes/ButtonPager.stories.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import "./ButtonPager.scss";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const ButtonPager: () => JSX.Element;
+export declare const ButtonPager: () => React.JSX.Element;

package/dist/src/prototypes/FieldSection.d.ts

@@ -7,5 +7,5 @@ export interface FieldSectionProps {
     insetGrid?: boolean;
     children: React.ReactNode;
 }
-declare const FieldSection: (props: FieldSectionProps) => JSX.Element;
+declare const FieldSection: (props: FieldSectionProps) => React.JSX.Element;
 export { FieldSection as default, FieldSection };

package/dist/src/prototypes/FieldSection.stories.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const FourColumns: () => JSX.Element;
-export declare const FieldGroupAddress: () => JSX.Element;
-export declare const FieldSectionBlank: () => JSX.Element;
+export declare const FourColumns: () => React.JSX.Element;
+export declare const FieldGroupAddress: () => React.JSX.Element;
+export declare const FieldSectionBlank: () => React.JSX.Element;

package/dist/src/prototypes/GridItem.d.ts

@@ -3,5 +3,5 @@ export interface GridItemProps {
     children: React.ReactNode;
     className?: string;
 }
-declare const GridItem: (props: GridItemProps) => JSX.Element;
+declare const GridItem: (props: GridItemProps) => React.JSX.Element;
 export { GridItem as default, GridItem };

package/dist/src/prototypes/GridItem.stories.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const TwoColumns: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const TwoColumns: () => React.JSX.Element;

package/dist/src/prototypes/SummaryCard.stories.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import "./SummaryCard.scss";
 declare const _default: {
     title: string;
-    decorators: ((storyFn: any) => JSX.Element)[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
-export declare const SummaryCard: () => JSX.Element;
-export declare const SummaryCardHeading: () => JSX.Element;
+export declare const SummaryCard: () => React.JSX.Element;
+export declare const SummaryCardHeading: () => React.JSX.Element;

package/dist/src/prototypes/Swatch.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export declare const Swatch: (props: {
     colorVar: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/src/sections/ContentSection.d.ts

@@ -5,5 +5,5 @@ export interface ContentSectionProps {
     subtitle?: string;
     children: React.ReactNode;
 }
-declare const ContentSection: (props: ContentSectionProps) => JSX.Element;
+declare const ContentSection: (props: ContentSectionProps) => React.JSX.Element;
 export { ContentSection as default, ContentSection };

package/dist/src/sections/FooterSection.d.ts

@@ -5,5 +5,5 @@ export interface FooterSectionProps {
     className?: string;
     small?: boolean;
 }
-declare const FooterSection: (props: FooterSectionProps) => JSX.Element;
+declare const FooterSection: (props: FooterSectionProps) => React.JSX.Element;
 export { FooterSection as default, FooterSection };

package/dist/src/sections/GridSection.d.ts

@@ -6,7 +6,7 @@ export interface GridCellProps {
     className?: string;
     ariaLabel?: string;
 }
-declare const GridCell: (props: GridCellProps) => JSX.Element;
+declare const GridCell: (props: GridCellProps) => React.JSX.Element;
 export interface GridSectionProps {
     title?: React.ReactNode;
     edit?: string;
@@ -24,5 +24,5 @@ export interface GridSectionProps {
     children: React.ReactNode;
     separator?: boolean;
 }
-declare const GridSection: (props: GridSectionProps) => JSX.Element;
+declare const GridSection: (props: GridSectionProps) => React.JSX.Element;
 export { GridSection as default, GridSection, GridCell };