@shipengine/elements 2.19.0 → 2.20.0

package/types/src/components/field/rate-select/rate-card/rate-detail-cost-breakdown/rate-detail-cost-breakdown.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const styles: {
+    breakdownCollapsible: (theme: import("../../../../../utilities/styles").ScopedGigerTheme) => {
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        fontWeight: number;
+        justifyContent: "flex-end";
+    };
+    priceStyles: (theme: import("../../../../../utilities/styles").ScopedGigerTheme) => {
+        lineHeight: string;
+    };
+    rateDetail: () => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "flex-end";
+    };
+};

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { RateOption } from "@types";
+import type { SE } from "@shipengine/react-api";
+import { RateFormProps } from "../../../elements/purchase-label/components";
+import { ControlledField } from "../create-field-controller";
+export type RateSelectProps = {
+    isLoading?: boolean;
+    mapViewEnabled?: boolean;
+    nicknameFeature?: boolean;
+    onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
+    options: RateOption[];
+    preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
+    rateFormScrollToRef?: React.RefObject<HTMLFormElement>;
+    setShowHiddenRates?: (showHiddenRates: boolean) => void;
+    showHiddenRates?: boolean;
+    showVatFeatures?: boolean;
+};
+type RateSelectOptions = {
+    onClick?: (rateId: string) => void;
+};
+export declare const RateSelect: ControlledField<RateSelectProps, RateSelectOptions>;
+export {};

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

@@ -0,0 +1,7 @@
+export declare const styles: {
+    rateCardOptionStyles: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        ":not(:last-of-type)": {
+            marginBottom: number;
+        };
+    };
+};

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

@@ -0,0 +1,25 @@
+export declare const styles: {
+    getLabel: ({ withInput, subLabel, width, isVertical, }: {
+        isVertical?: boolean | undefined;
+        subLabel?: string | undefined;
+        width?: string | number | undefined;
+        withInput?: boolean | undefined;
+    }) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        flexShrink: number;
+        paddingTop: number | undefined;
+        width: string | number;
+    };
+    getWrapper: (isVertical: boolean) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        flexDirection?: "column" | undefined;
+        gap: number;
+        display: "flex";
+        width: string;
+    };
+    iconTooltip: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        color: string;
+        marginLeft: number;
+    };
+    label: () => {
+        display: "flex";
+    };
+};

package/types/src/components/form-portal/form-portal.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+declare const variants: readonly ["well"];
+/**
+ * @internal
+ *
+ * # Form Portal Props
+ */
+type FormPortalProps = {
+    children: React.ReactNode;
+    id: `${string}-form`;
+    onSubmit: (e: React.SyntheticEvent) => Promise<void> | void;
+    variant?: typeof variants[number];
+};
+/**
+ * @internal
+ *
+ * # Form Portal Component
+ *
+ * A drop-in replacement for the `<form>` tag that allows nested forms.
+ *
+ * Via portals, the <form> tag is mounted as a sibling of the app root. The form's
+ * interface is then mounted back at the point of use.
+ */
+export declare const FormPortal: ({ children, id, onSubmit, variant }: FormPortalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/forms/add-funds-form/add-funds-form.styles.d.ts

@@ -0,0 +1,28 @@
+export declare const styles: {
+    chips: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        gap: number;
+    };
+    fundsInput: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        maxWidth: number;
+    };
+    getChip: ({ isDisabled, isSelected }: {
+        isDisabled?: boolean | undefined;
+        isSelected?: boolean | undefined;
+    }) => (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        backgroundColor: string;
+        color: string;
+        cursor: "not-allowed";
+        pointerEvents: "none";
+    } | {
+        backgroundColor: string;
+        color: string;
+        cursor?: undefined;
+        pointerEvents?: undefined;
+    } | {
+        backgroundColor?: undefined;
+        color?: undefined;
+        cursor?: undefined;
+        pointerEvents?: undefined;
+    };
+};

package/types/src/components/forms/add-funds-form/index.d.ts

@@ -0,0 +1 @@
+export { AddFundsForm, type AddFundsFormProvider, type AddFundsFormProps } from "./add-funds-form";

package/types/src/components/forms/address-form/address-fields.styles.d.ts

@@ -0,0 +1,27 @@
+export declare const styles: {
+    grow: {
+        flexGrow: number;
+    };
+    stateWrapper: {
+        "@media (max-width: 375px)": {
+            flex: string;
+        };
+        display: "flex";
+        flex: string;
+        width: string;
+    };
+    stateZipWrapper: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        "@media (max-width: 375px)": {
+            flexDirection: "column";
+            gap: number;
+        };
+        display: "flex";
+        flexDirection: "row";
+        gap: number;
+        width: string;
+    };
+    zipWrapper: {
+        display: "flex";
+        width: string;
+    };
+};

package/types/src/components/forms/address-form/address-form.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SE } from "@shipengine/js-api";
+import { AddressParserPayload } from "../../address-parser";
+export type AddressFormProps<T = undefined> = {
+    address?: SE.Address;
+    isShipToForm?: boolean;
+    onCancel?: () => void;
+    onCancelParse?: () => void;
+    onSubmit: (payload: SE.Address) => Promise<void>;
+    onSubmitParse?: (payload: AddressParserPayload) => Promise<SE.AddressExtraction | undefined>;
+    parseAddressErrors?: SE.CodedError[];
+    resetParseAddress?: () => void;
+} & ({
+    formId: string;
+    portalRef: React.RefObject<T>;
+} | {
+    formId?: string;
+    portalRef?: never;
+});
+export declare const AddressForm: <T extends Element>({ address, formId, isShipToForm, onCancel, onCancelParse, onSubmit, onSubmitParse, parseAddressErrors, portalRef, resetParseAddress, }: AddressFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/forms/address-form/address-form.styles.d.ts

@@ -0,0 +1,24 @@
+export declare const styles: {
+    formWrapper: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        backgroundColor: string;
+        marginBottom: number;
+        padding: number;
+    };
+    getHeaderTypography: (isAddressParserOpen: boolean) => (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        marginBottom?: number | undefined;
+        width: string;
+    };
+    getHeaderWrapper: (isAddressParserOpen: boolean) => (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        flexDirection: "column" | "row";
+        paddingBottom: number;
+        width: string;
+    };
+    pasteList: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        flexShrink: number;
+        fontWeight: number;
+    };
+    pasteWrapper: () => {
+        flexShrink: number;
+    };
+};

package/types/src/components/forms/address-form/address-schema.d.ts

@@ -0,0 +1,40 @@
+import { z } from "zod";
+export declare const addressLine1Schema: z.ZodString;
+export declare const addressLine2Schema: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+export declare const companyNameSchema: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
+export declare const addressSchema: z.ZodObject<{
+    addressLine1: z.ZodString;
+    addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+    cityLocality: z.ZodString;
+    companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
+    countryCode: z.ZodEnum<["AF", "AX", "AL", "DZ", "AS", "AD", "AO", "AI", "AQ", "AG", "AR", "AM", "AW", "AU", "AT", "AZ", "BS", "BH", "BD", "BB", "BY", "BE", "BZ", "BJ", "BM", "BT", "BO", "BQ", "BA", "BW", "BR", "IO", "VG", "BN", "BG", "BF", "BI", "CA", "KH", "CM", "CV", "KY", "CF", "TD", "CL", "CN", "CX", "CC", "CO", "KM", "CG", "CD", "CK", "CR", "HR", "CU", "CW", "CY", "CZ", "DK", "DJ", "DM", "DO", "EC", "EG", "SV", "GQ", "ER", "EE", "ET", "FK", "FO", "FM", "FJ", "FI", "FR", "GF", "PF", "TF", "GA", "GM", "GE", "DE", "GH", "GI", "GR", "GL", "GD", "GP", "GU", "GT", "GG", "GN", "GW", "GY", "HT", "VA", "HN", "HK", "HU", "IS", "IN", "ID", "IR", "IQ", "IE", "IM", "IL", "IT", "CI", "JM", "JP", "JE", "JO", "KZ", "KE", "KI", "KR", "KW", "KG", "LA", "LV", "LB", "LS", "LR", "LY", "LI", "LT", "LU", "MO", "MK", "MG", "MW", "MY", "MV", "ML", "MT", "MH", "MQ", "MR", "MU", "YT", "MX", "MD", "MC", "MN", "ME", "MS", "MA", "MZ", "MM", "NA", "NR", "NP", "NL", "AN", "NC", "NZ", "NI", "NE", "NG", "NU", "NF", "KP", "MP", "NO", "OM", "PK", "PW", "PS", "PA", "PG", "PY", "PE", "PH", "PN", "PL", "PT", "PR", "QA", "RE", "RO", "RU", "RW", "BL", "SH", "KN", "LC", "MF", "PM", "VC", "WS", "SM", "ST", "SA", "SN", "RS", "SC", "SL", "SG", "SX", "SK", "SI", "SB", "SO", "ZA", "GS", "SS", "ES", "LK", "SD", "SR", "SJ", "SZ", "SE", "CH", "SY", "TW", "TJ", "TZ", "TH", "TL", "TG", "TK", "TO", "TT", "TN", "TR", "TM", "TC", "TV", "UG", "UA", "AE", "GB", "VI", "UM", "US", "UY", "UZ", "VU", "VE", "VN", "WF", "EH", "YE", "ZM", "ZW"]>;
+    email: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+    name: z.ZodString;
+    phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;
+    postalCode: z.ZodString;
+    stateProvince: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;
+}, "strip", z.ZodTypeAny, {
+    addressLine2?: string | undefined;
+    companyName?: string | undefined;
+    email?: string | undefined;
+    addressLine1: string;
+    cityLocality: string;
+    countryCode: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BR" | "IO" | "VG" | "BN" | "BG" | "BF" | "BI" | "CA" | "KH" | "CM" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FM" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "CI" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "AN" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "KP" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "BL" | "SH" | "KN" | "LC" | "MF" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SX" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "SS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "VI" | "UM" | "US" | "UY" | "UZ" | "VU" | "VE" | "VN" | "WF" | "EH" | "YE" | "ZM" | "ZW";
+    name: string;
+    phone: string;
+    postalCode: string;
+    stateProvince: string;
+}, {
+    addressLine2?: string | null | undefined;
+    companyName?: string | null | undefined;
+    email?: string | null | undefined;
+    phone?: string | null | undefined;
+    stateProvince?: string | null | undefined;
+    addressLine1: string;
+    cityLocality: string;
+    countryCode: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BR" | "IO" | "VG" | "BN" | "BG" | "BF" | "BI" | "CA" | "KH" | "CM" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FM" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "CI" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "AN" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "KP" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "BL" | "SH" | "KN" | "LC" | "MF" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SX" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "SS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "VI" | "UM" | "US" | "UY" | "UZ" | "VU" | "VE" | "VN" | "WF" | "EH" | "YE" | "ZM" | "ZW";
+    name: string;
+    postalCode: string;
+}>;
+export type AddressSchemaFields = z.input<typeof addressSchema>;
+export type AddressSchemaPayload = z.output<typeof addressSchema>;

package/types/src/components/forms/address-form/index.d.ts

@@ -0,0 +1,4 @@
+export { AddressForm, type AddressFormProps } from "./address-form";
+export { type AddressFormFields, addressFormSchema, type AddressFormPayload, } from "./address-form-schema";
+export { AddressFields, type AddressFieldsProps } from "./address-fields";
+export { type AddressSchemaFields, addressLine1Schema, addressLine2Schema, companyNameSchema, addressSchema, } from "./address-schema";

package/types/src/components/forms/auto-funding-form/auto-funding-form.styles.d.ts

@@ -0,0 +1,15 @@
+export declare const styles: {
+    edit: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        color: string;
+        padding: string;
+    };
+    getForm: (showForm: boolean) => (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        backgroundColor: string;
+        display: "flex" | "none";
+        flexDirection: "column";
+        padding: number;
+    };
+    marginLeft: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        marginLeft: number;
+    };
+};

package/types/src/components/forms/auto-funding-form/index.d.ts

@@ -0,0 +1 @@
+export { AutoFundingForm, type AutoFundingFormProps } from "./auto-funding-form";

package/types/src/components/forms/edit-billing-form/edit-billing-form.styles.d.ts

@@ -0,0 +1,16 @@
+export declare const styles: {
+    boldLink: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        fontWeight: number;
+    };
+    container: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        backgroundColor: string;
+        rowGap: string;
+    };
+    heading: {
+        textAlign: "center";
+    };
+    subtitle: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        paddingBottom: number;
+        textAlign: "left";
+    };
+};

package/types/src/components/forms/edit-billing-form/index.d.ts

@@ -0,0 +1 @@
+export { EditBillingForm, type EditBillingFormProps } from "./edit-billing-form";

package/types/src/components/forms/edit-wallet-address-form/edit-wallet-address-form.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SE } from "@shipengine/react-api";
+import { BillingAddressPayload } from "../wallet-form/wallet-schema";
+export type EditWalletAddressFormProps<T = undefined> = {
+    address?: SE.Address;
+    domestic?: boolean;
+    onCancel?: () => void;
+    onSubmit: (payload: BillingAddressPayload) => void;
+} & ({
+    formId: string;
+    portalRef: React.RefObject<T>;
+} | {
+    formId?: string;
+    portalRef?: never;
+});
+export declare const EditWalletAddressForm: <T extends Element>({ address, formId, onCancel, onSubmit, portalRef, }: EditWalletAddressFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/forms/edit-wallet-address-form/index.d.ts

@@ -0,0 +1 @@
+export { EditWalletAddressForm, type EditWalletAddressFormProps } from "./edit-wallet-address-form";

package/types/src/components/forms/register-funding-source-insurance-form/index.d.ts

@@ -0,0 +1 @@
+export { RegisterFundingSourceInsuranceForm, type RegisterFundingSourceInsuranceFormProps, } from "./register-funding-source-insurance-form";

package/types/src/components/forms/register-funding-source-insurance-form/register-funding-source-insurance-from.styles.d.ts

@@ -0,0 +1,14 @@
+export declare const styles: {
+    formDescription: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        display: "inline";
+        fontSize: string;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    termsLink: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        "&:visited": {
+            color: string;
+        };
+        fontWeight: number;
+    };
+};

package/types/src/components/forms/ship-from-address-form/index.d.ts

@@ -0,0 +1,2 @@
+export { ShipFromAddressForm, type ShipFromAddressFormProps } from "./ship-from-address-form";
+export { shipFromAddressFormSchema } from "./ship-from-address-form-schema";

package/types/src/components/forms/ship-from-address-form/ship-from-address-form.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { AddressParserPayload } from "../../address-parser";
+import { ShipFromAddress } from "@types";
+import { SE } from "@shipengine/js-api";
+export type ShipFromAddressFormProps<T = undefined> = {
+    onCancel?: () => void;
+    onCancelParse?: () => void;
+    onSubmit: (payload: Partial<ShipFromAddress> & Pick<ShipFromAddress, "originAddress">) => void;
+    onSubmitParse?: (payload: AddressParserPayload) => Promise<SE.AddressExtraction | undefined>;
+    parseAddressErrors?: SE.CodedError[];
+    preValidationErrors?: boolean;
+    resetParseAddress?: () => void;
+    shipFromAddress?: ShipFromAddress;
+} & ({
+    formId: string;
+    portalRef: React.RefObject<T>;
+} | {
+    formId?: string;
+    portalRef?: never;
+});
+export declare const ShipFromAddressForm: <T extends Element>({ shipFromAddress, onSubmit, onSubmitParse, resetParseAddress, onCancelParse, parseAddressErrors, preValidationErrors, onCancel, formId, portalRef, }: ShipFromAddressFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/forms/ship-from-address-form/ship-from-address-form.styles.d.ts

@@ -0,0 +1,20 @@
+export declare const styles: {
+    getHeaderTypography: (isAddressParserOpen: boolean) => (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        marginBottom?: number | undefined;
+        width: string;
+    };
+    getHeaderWrapper: (isAddressParserOpen: boolean) => (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        flexDirection: "column" | "row";
+        justifyContent: "space-between";
+        paddingBottom: number;
+        width: string;
+    };
+    pasteList: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        flexShrink: number;
+        fontWeight: number;
+    };
+    pasteWrapper: () => {
+        flexShrink: number;
+    };
+};

package/types/src/components/forms/vat-form/index.d.ts

@@ -0,0 +1 @@
+export { VatForm, type VatFormProps } from "./vat-form";

package/types/src/components/forms/vat-form/vat-form.styles.d.ts

@@ -0,0 +1,12 @@
+export declare const styles: {
+    formSection: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        backgroundColor: string;
+        padding: number;
+    };
+    inlineError: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        marginBottom: number;
+    };
+    vatFormText: () => {
+        marginTop: number;
+    };
+};

package/types/src/components/forms/wallet-form/index.d.ts

@@ -0,0 +1,3 @@
+export { WalletForm, type WalletFormProps, type WalletPayload } from "./wallet-form";
+export { walletEmailSchemas, walletBlackboxSchemas, getWalletSchema, getBillingAddressSchema, type WalletFormPayload, type WalletFormFields, type EmailRequirementOption, type BlackboxRequirementOption, type BillingAddressPayload, type BillingAddressFields, } from "./wallet-schema";
+export { type BillingFieldProps, BillingFields } from "./billing-fields";

package/types/src/components/forms/wallet-form/wallet-form.d.ts

@@ -0,0 +1,13 @@
+import { SE } from "@shipengine/react-api";
+export type WalletPayload = {
+    address: SE.Address;
+    creditCard: SE.CreditCardInfo;
+    iovationBlackbox: string;
+};
+export type WalletFormProps = {
+    address: SE.Address;
+    errors?: SE.CodedError[] | null;
+    onSubmit: (payload: WalletPayload) => void;
+    showVatSettings?: boolean;
+};
+export declare const WalletForm: ({ address, errors, onSubmit, showVatSettings }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/forms/wallet-form/wallet-form.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const styles: {
+    centeredText: () => {
+        textAlign: "center";
+    };
+    grid: (theme: import("../../../utilities/styles").ScopedGigerTheme) => {
+        margin: number;
+    };
+};

package/types/src/components/forms/warehouse-form/index.d.ts

@@ -0,0 +1,2 @@
+export { WarehouseForm, type WarehouseFormProps, type WarehousePayload } from "./warehouse-form";
+export { type WarehouseFormPayload, getWarehouseAddressSchema, getWarehouseSchema, type WarehouseFormFields, } from "./warehouse-form-schema";

package/types/src/components/grid-controller/grid-controller.d.ts

@@ -0,0 +1,38 @@
+import { Interpolation, Theme } from "@emotion/react";
+import { ReactNode } from "react";
+export type ColumnProps<T> = {
+    headerContent: ReactNode;
+    renderCellContent: (data: T) => ReactNode;
+};
+type GridDataType = object & {
+    bodyCellStyles?: Interpolation<Theme>;
+    /** Flag to disable (false by default) the onClick handler of the TableRow */
+    disableOnRowClick?: boolean;
+};
+/**
+ * @internal
+ *
+ * # Grid Props
+ *
+ * @see {@link GridController | The `<GridController />` component}
+ */
+type GridProps<T extends GridDataType> = {
+    columns: ColumnProps<T>[];
+    data: T[];
+    emptyContent?: ReactNode;
+    filters?: ReactNode;
+    footerContent?: ReactNode;
+    onRowClick?: (data: T) => void;
+    useCheckboxes?: boolean;
+};
+/**
+ * @internal
+ *
+ * # Grid Controller
+ *
+ * - The `<GridController />` component is used to facilitate the display of data in a grid format.
+ *
+ * @see {@link GridProps | The props for the `<GridController />` component}
+ */
+export declare const GridController: <T extends GridDataType>({ columns, data, footerContent, onRowClick, useCheckboxes, filters, emptyContent, }: GridProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/grid-controller/grid-controller.styles.d.ts

@@ -0,0 +1,28 @@
+export declare const styles: {
+    checkboxHeader: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        width: number;
+    };
+    filters: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        borderBottom: string;
+        padding: string;
+    };
+    table: {
+        tableLayout: "initial";
+    };
+    tableFooter: {
+        borderTop: string;
+        justifyContent: "space-between";
+    };
+    tableHeader: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        background: string;
+    };
+    tableWrapper: {
+        border: string;
+    };
+    wrapper: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+        border?: string | undefined;
+        borderRadius?: string | undefined;
+        boxShadow?: string | undefined;
+        height: string;
+    };
+};

package/types/src/components/grid-filters/components/created-date-filter/created-date-filter.styles.d.ts

@@ -0,0 +1,41 @@
+export declare const styles: {
+    calendarContainer: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        border: string;
+        borderRadius: string;
+    };
+    calendarFooterButtons: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        alignSelf: "flex-end";
+        marginTop: number;
+    };
+    clearButton: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        marginRight: number;
+    };
+    input: () => {
+        width: string;
+    };
+    inputsArrow: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        marginLeft: number;
+        marginRight: number;
+    };
+    inputsWrapper: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        alignItems: "center";
+        display: "flex";
+        marginBottom: number;
+    };
+    mainButton: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        marginRight: number;
+    };
+    popover: () => {
+        maxWidth: string;
+    };
+    popoverCalendarWrapper: () => {
+        display: "flex";
+        flexDirection: "column";
+    };
+    popoverWrapper: () => {
+        display: "flex";
+    };
+    radioGroup: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        marginRight: number;
+    };
+};

package/types/src/components/grid-filters/components/label-id-filter/label-id-filter.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const styles: {
+    buttons: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        gap: number;
+        justifyContent: "flex-end";
+    };
+};

package/types/src/components/grid-filters/components/shipment-id-filter/shipment-id-filter.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    mainButton: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        marginRight: number;
+    };
+    popoverButtons: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        gap: number;
+        justifyContent: "flex-end";
+    };
+};

package/types/src/components/grid-filters/components/tracking-status-filter/tracking-status-filter.styles.d.ts

@@ -0,0 +1,13 @@
+export declare const styles: {
+    buttons: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        display: "flex";
+        gap: number;
+        justifyContent: "end";
+        paddingTop: number;
+    };
+    checkboxInputParent: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
+        "div > div > div:has(input[type='checkbox'])": {
+            paddingBottom: number;
+        };
+    };
+};