@shipengine/elements 1.3.2 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "peerDependencies": {
     "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
@@ -25,9 +25,9 @@
     "@rjsf/core": "5.16.1",
     "@rjsf/utils": "5.16.1",
     "@rjsf/validator-ajv8": "5.16.1",
-    "@shipengine/giger": "1.0.1",
-    "@shipengine/giger-theme": "1.0.1",
-    "@shipengine/js-api": "1.0.0",
+    "@shipengine/giger": "1.4.2",
+    "@shipengine/giger-theme": "1.1.0",
+    "@shipengine/js-api": "1.4.1",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",
@@ -48,6 +48,7 @@
     "react-datepicker": "4.25.0",
     "react-hook-form": "7.40.0",
     "rollup-plugin-copy": "3.4.0",
+    "use-debounce": "10.0.0",
     "zod": "3.19.1"
   }
 }

package/src/components/carrier-connection-card/carrier-connection-card.d.ts

@@ -0,0 +1,11 @@
+import { WithCommonProps } from "@shipengine/giger";
+export type CarrierConnectionMetadata = {
+    carrierName: string;
+    description: string;
+    iconUrl: string;
+    name: string;
+};
+export type CarrierConnectionCardProps = CarrierConnectionMetadata & WithCommonProps<{
+    onClick?: (carrierName: string) => void;
+}>;
+export declare const CarrierConnectionCard: ({ carrierName, className, iconUrl, name, onClick, }: CarrierConnectionCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/carrier-connection-card/carrier-connection-card.styles.d.ts

@@ -0,0 +1,35 @@
+export declare const styles: {
+    article: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        ":hover": {
+            borderColor: string;
+        };
+        alignItems: "center";
+        border: string;
+        borderRadius: number;
+        cursor: "pointer";
+        display: "flex";
+        flexDirection: "row";
+        flexWrap: "nowrap";
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        position: "relative";
+    };
+    carrierLogo: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        flex: string;
+        marginRight: number;
+        maxHeight: string;
+        width: string;
+    };
+    carrierName: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "block";
+        flex: string;
+    };
+    spacer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "block";
+        flex: string;
+        height: string;
+        position: "relative";
+    };
+};

package/src/components/carrier-connection-card/index.d.ts

@@ -0,0 +1 @@
+export * from "./carrier-connection-card";

package/src/components/field/create-field-controller.d.ts

@@ -20,7 +20,7 @@ export type FieldControllerProps<NP, TFieldValues extends FieldValues = FieldVal
 type FieldControllerOptions = {
     inputOnly?: boolean;
 };
-export declare const createFieldController: <P>(options?: FieldControllerOptions) => <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ children, control, defaultValue, displayErrors, displayLabel, errors: errorsProp, hint, inputOnly, isOptional, label, labelWeight, name, nativeLabel, rules, shouldUnregister, subLabel, ...formInputProps }: FieldControllerProps<P, TFieldValues, TName>) => JSX.Element;
+export declare const createFieldController: <P>(options?: FieldControllerOptions) => <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ children, control, defaultValue, displayErrors, displayLabel, errors: errorsProp, hint, inputOnly, isOptional, label, labelInfo, labelWeight, name, nativeLabel, rules, shouldUnregister, subLabel, ...formInputProps }: FieldControllerProps<P, TFieldValues, TName>) => JSX.Element;
 export type ControlledFieldProps = Parameters<ControlledField>[0];
 export type ControlledField<NP = object, CP = object, OK extends string = ""> = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(fieldProps: Omit<FieldControllerProps<NP, TFieldValues, TName>, "children" | OK> & CP) => JSX.Element;
 export {};

package/src/components/field/input-group/input-group.d.ts

@@ -1,12 +1,21 @@
 import * as React from "react";
 import { UseFormTrigger } from "react-hook-form";
+import { FormFieldProps } from "@shipengine/giger";
 import { FieldLabelProps } from "../../field-label";
 import { ControlledField, ControlledFieldProps } from "../create-field-controller";
 export type InputGroupItem = React.ReactElement<ControlledFieldProps>;
 type InputGroupProps = {
     children: InputGroupItem[];
+    /** Removes the spacing between the inputs */
+    compact?: boolean;
+    /** Disables the group */
     disabled?: boolean;
+    /** Adds the string after the input */
     divider?: string[];
+    /** FormField message */
+    message?: FormFieldProps["message"];
+    /** Defines the size for each input instead of split them evenly */
+    sizes?: number[];
     trigger: UseFormTrigger<any>;
 };
 export declare const InputGroup: ControlledField<FieldLabelProps, InputGroupProps, "errors" | "shouldDisplayErrors" | "withBottomMargin">;

package/src/components/field/input-group/input-group.styles.d.ts

@@ -0,0 +1,24 @@
+export declare const styles: {
+    getGroupChild: (size?: number) => () => {
+        display: "flex";
+        flexShrink: number;
+        width: string | number;
+    };
+    getGroupChildInput: ({ compact, index }: {
+        compact?: boolean | undefined;
+        index: number;
+    }) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        flexGrow: number;
+        "&& > div > div"?: {
+            borderBottomLeftRadius: string | number;
+            borderBottomRightRadius: string | number;
+            borderTopLeftRadius: string | number;
+            borderTopRightRadius: string | number;
+        } | undefined;
+    };
+    getGroupParent: (compact?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        gap: number;
+        width: string;
+    };
+};

package/src/components/field/rate-card/rate-card.d.ts

@@ -1,13 +1,16 @@
+import type { SE } from "@shipengine/alchemy";
 import { WithCommonProps } from "@shipengine/giger";
 import { RateOption } from "../../../hooks";
 export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     isAcknowledged?: boolean;
+    isLoading?: boolean;
     isPreferredRate?: boolean;
     onClick?: (rateId: string) => void;
     onClickAcknowledgement?: (isAcknowledged: boolean) => void;
+    onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
     selected?: boolean;
     selectedRateCost?: number;
     voided?: boolean;
     voidedAt?: string;
 }>;
-export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, voided, voidedAt, isPreferredRate, selectedRateCost, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field/rate-card/rate-card.styles.d.ts

@@ -20,3 +20,4 @@ export declare const getFooterListItemStyles: (theme: Theme) => SerializedStyles
 export declare const getAcknowledgmentStyles: (theme: Theme) => SerializedStyles;
 export declare const getCheckboxWrapperStyles: () => SerializedStyles;
 export declare const getTypographyVoidedStyles: () => SerializedStyles;
+export declare const getServicePointSkeletonStyles: (theme: Theme) => SerializedStyles;

package/src/components/field/rate-select/rate-select.d.ts

@@ -1,8 +1,11 @@
+import type { SE } from "@shipengine/alchemy";
 import { RateOption } from "../../../hooks";
 import { RateFormProps } from "../../templates";
 import { ControlledField } from "../create-field-controller";
 type RateSelectProps = {
+    isLoading?: boolean;
     nicknameFeature?: boolean;
+    onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
     options: RateOption[];
     preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
 };

package/src/components/field-label/field-label.d.ts

@@ -7,6 +7,7 @@
 export type FieldLabelProps = {
     children: React.ReactNode;
     label?: string;
+    labelInfo?: React.ReactNode;
     subLabel?: string;
     weight?: "bold" | "normal";
     withInput?: boolean;
@@ -16,4 +17,4 @@ export type FieldLabelProps = {
  *
  * # Field Label Component
  */
-export declare const FieldLabel: ({ children, label, subLabel, weight, withInput, }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FieldLabel: ({ children, label, labelInfo, subLabel, weight, withInput, }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field-label/field-label.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+    iconTooltip: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        marginLeft: number;
+    };
+    label: () => {
+        display: "flex";
+    };
+};

package/src/components/fund-and-purchase/fund-and-purchase.d.ts

@@ -17,6 +17,7 @@ export type FundAndPurchaseProps = {
     isFundingEnabled?: boolean;
     isFundingRequired: boolean;
     isPreferredRate?: boolean;
+    nickname?: string;
     onPurchase: () => void;
     onSave: () => Promise<void>;
     purchaseAmount: number;
@@ -32,4 +33,4 @@ export type FundAndPurchaseProps = {
  *
  * @see {@link FundAndPurchaseProps | The props that are passed into the `<FundAndPurchase />` component}
  */
-export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, className, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, purchaseAmount, onSave, onPurchase, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, className, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, nickname, purchaseAmount, onSave, onPurchase, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./add-funds-form";
+export * from "./carrier-connection-card";
 export * from "./auto-funding-form";
 export * from "./button-group";
 export * from "./carrier-balance";
@@ -29,5 +30,7 @@ export * from "./powered-by-shipengine";
 export * from "./section";
 export * from "./spacer";
 export * from "./spread";
+export * from "./skeleton";
+export * from "./suspend";
 export * from "./story-notes";
 export * from "./tabs";

package/src/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./modal-container";
+export * from "./modal";

package/src/components/modal/modal-container.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type ModalContextValue = {
+    fullScreen?: boolean;
+    isContained: boolean;
+    parentSelector?: () => HTMLElement;
+} | undefined;
+export declare const ModalContainer: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const ModalContext: React.Context<ModalContextValue>;
+export declare const useModal: () => {
+    fullScreen?: boolean | undefined;
+    isContained: boolean;
+    parentSelector?: (() => HTMLElement) | undefined;
+};

package/src/components/modal/modal.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type ModalProps = {
+    children?: React.ReactNode;
+    closeAriaLabel?: string;
+    isOpen?: boolean;
+    onClose?: () => void;
+    title?: string;
+};
+export declare const Modal: ({ children, closeAriaLabel, isOpen, onClose, title }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/modal/modal.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const styles: {
+    headerClose: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        left: number;
+        position: "absolute";
+        right: string;
+        top: string;
+        transform: "translate(0, -50%)";
+    };
+    headerTitle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontWeight: number;
+        lineHeight: number;
+        margin: number;
+        paddingLeft: number;
+        textAlign: "left";
+    };
+};

package/src/components/pager/pager.styles.d.ts

@@ -6,6 +6,7 @@ export declare const styles: {
         alignItems: "center";
         display: "flex";
         justifyContent: "space-between";
+        width: string;
     };
     leftFooter: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";

package/src/components/section/section.d.ts

@@ -7,6 +7,7 @@ import { WithChildrenCommonProps } from "@shipengine/giger";
  */
 export type SectionProps = WithChildrenCommonProps<{
     bold?: boolean;
+    hideBackground?: boolean;
     /** Element to render at the right part of the summary */
     rightContent?: JSX.Element;
     /** Title to show */
@@ -17,4 +18,4 @@ export type SectionProps = WithChildrenCommonProps<{
  *
  * # Section Component
  */
-export declare const Section: ({ bold, title, children, rightContent, ...rest }: SectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Section: ({ bold, hideBackground, title, children, rightContent, ...rest }: SectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/section/section.styles.d.ts

@@ -1,17 +1,5 @@
 export declare const styles: {
-    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        marginRight: number;
-    };
-    rightContentWrapper: {
-        marginLeft: string;
-    };
-    section: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        boxSizing: "border-box";
-        padding: string;
-        width: string;
-    };
-    summary: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    getSummaryStyle: (hideBackground?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "&::-webkit-details-marker": {
             display: "none";
         };
@@ -24,6 +12,18 @@ export declare const styles: {
         padding: string;
         width: string;
     };
+    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        marginRight: number;
+    };
+    rightContentWrapper: {
+        marginLeft: string;
+    };
+    section: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        boxSizing: "border-box";
+        padding: string;
+        width: string;
+    };
     summaryWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         color: string;

package/src/components/service-point-display/index.d.ts

@@ -0,0 +1 @@
+export * from "./service-point-display";

package/src/components/service-point-display/service-point-display.d.ts

@@ -0,0 +1,10 @@
+import { SE } from "@shipengine/alchemy";
+type ServicePointDisplayProps = {
+    expanded: boolean;
+    onSelect?: (servicePoint: SE.ServicePoint) => void;
+    rateSelected?: boolean;
+    selectedServicePoint?: SE.ServicePoint;
+    servicePoint: SE.ServicePoint;
+};
+export declare const ServicePointDisplay: ({ onSelect, servicePoint, expanded, rateSelected, selectedServicePoint, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/service-point-display/service-point-display.styles.d.ts

@@ -0,0 +1,43 @@
+export declare const styles: {
+    closed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    container: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    getHoursOfOperationTextStyles: (isCurrentWeekday: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        fontWeight: "normal" | "bold";
+        lineHeight: string;
+        margin: number;
+    };
+    getSelectedStyles: (isSelected?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+        justifyContent: "" | "space-between";
+    };
+    inlineWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+        justifyContent: "space-between";
+    };
+    open: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    selectButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        borderRadius: string;
+        color: string;
+        cursor: "pointer";
+        padding: string;
+        whiteSpace: "nowrap";
+    };
+    viewMap: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        textDecoration: string;
+    };
+};

package/src/components/service-points/index.d.ts

@@ -0,0 +1 @@
+export * from "./service-points";

package/src/components/service-points/service-points.d.ts

@@ -0,0 +1,8 @@
+import { SE } from "@shipengine/alchemy";
+type ServicePointsProps = {
+    onSelectServicePoint?: (servicePoint: SE.ServicePoint) => void;
+    rateSelected: boolean;
+    servicePoints: SE.ServicePoint[];
+};
+export declare const ServicePoints: ({ servicePoints, rateSelected, onSelectServicePoint, }: ServicePointsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/service-points/service-points.styles.d.ts

@@ -0,0 +1,44 @@
+export declare const styles: {
+    button: {
+        alignSelf: "flex-end";
+        gridArea: "2 / 2 / 3 / 3";
+        justifySelf: "flex-end";
+        padding: number;
+    };
+    getContainerStyles: (theme: any) => {
+        display: "grid";
+        gridTemplateColumns: string;
+        gridTemplateRows: string;
+        padding: any;
+    };
+    getExpandedContainerStyles: (theme: any) => {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "center";
+        padding: any;
+    };
+    locationToggle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        lineHeight: string;
+        whiteSpace: "nowrap";
+    };
+    selectButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        borderRadius: string;
+        color: string;
+        cursor: "pointer";
+        padding: string;
+        whiteSpace: "nowrap";
+    };
+    servicePointWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        gridArea: "1 / 1 / 3 / 3";
+    };
+    subText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+};

package/src/components/skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from "./skeleton-carrier-row";

package/src/components/skeleton/skeleton-carrier-row.d.ts

@@ -0,0 +1 @@
+export declare const SkeletonCarrierRow: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/skeleton/skeleton-carrier-row.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const styles: {
+    skeletonLogoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: string;
+        display: "flex";
+    };
+    skeletonRow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "&:not(:last-of-type)": {
+            borderBottom: string;
+        };
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        padding: string;
+    };
+};

package/src/components/suspend/index.d.ts

@@ -0,0 +1 @@
+export * from "./suspend-text";

package/src/components/suspend/suspend-text.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export declare const SuspendText: ({ children, loading }: {
+    children: ReactNode;
+    loading: boolean;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/tabs/tabs.d.ts

@@ -1,7 +1,8 @@
 type TabsProps = {
+    fullWidth?: boolean;
     onSelectTab: (tab: string) => void;
     selectedTab: string;
     tabs: string[];
 };
-export declare const Tabs: ({ tabs, onSelectTab, selectedTab }: TabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ fullWidth, onSelectTab, selectedTab, tabs }: TabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/tabs/tabs.styles.d.ts

@@ -5,10 +5,9 @@ export declare const styles: {
         display: "flex";
         gap: number;
         padding: number;
-        width: string;
     };
-    getTabStyles: (selected: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        backgroundColor: "transparent" | "#E4E5E7";
+    getTabStyles: (selected: boolean, fullWidth?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
         border: string;
         borderRadius: string;
         color: string;
@@ -16,5 +15,6 @@ export declare const styles: {
         fontSize: string;
         fontWeight: "normal" | "bold";
         padding: number;
+        width: string;
     };
 };

package/src/components/templates/account-settings/account-settings.d.ts

@@ -1,6 +1,10 @@
 import { SE } from "@shipengine/alchemy";
+import { ConnectCarrierFeatures } from "../../../elements/connect-carrier/connect-carrier";
+import { ListCarriersFeatures } from "../list-carriers";
+export type AccountSettingsFeatures = ListCarriersFeatures & ConnectCarrierFeatures;
 export type AccountSettingsProps = {
     carriers?: SE.Carrier[];
     currency: SE.Currency;
+    features?: AccountSettingsFeatures;
 };
-export declare const AccountSettings: ({ carriers, currency, ...rest }: AccountSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AccountSettings: ({ features, carriers, currency, ...rest }: AccountSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;