@gusto/embedded-react-sdk 0.55.7 → 0.55.8

package/dist/src/components/Employee/EmployeeList/onboarding/EmployeeListView.d.ts

@@ -13,6 +13,8 @@ export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResul
     onAddEmployee: () => void;
     onSkip: () => void;
     showContinueButton: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, showContinueButton, }: EmployeeListViewProps): import("react").JSX.Element;
+export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, showContinueButton, className, }: EmployeeListViewProps): import("react").JSX.Element;

package/dist/src/components/Employee/EmployeeList/shared/useEmployeeList.d.ts

@@ -76,6 +76,10 @@ export type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady;
  * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it
  * to list every employee.
  *
+ * `'onboarding'` includes employees who haven't completed onboarding as well as employees who
+ * have completed onboarding but whose primary job's hire date hasn't arrived yet, so `onboarded`
+ * may be `true` for rows in this filter.
+ *
  * Page changes use placeholder data: the previous page stays rendered while the next one loads,
  * and `status.isFetching` flips to `true` during the request.
  *

package/dist/src/components/Employee/HomeAddress/management/HomeAddressView.d.ts

@@ -16,6 +16,8 @@ export interface HomeAddressViewProps {
     onConfirmDelete: (homeAddressUuid: string) => Promise<boolean>;
     onBack: () => void;
     isDeletePending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function HomeAddressView({ editHomeAddressForm, createHomeAddressForm, employeeHomeAddresses, employeeDisplayName, editingHomeAddressUuid, onEditAddressTargetChange, onSaved, onConfirmDelete, onBack, isDeletePending, }: HomeAddressViewProps): import("react").JSX.Element;
+export declare function HomeAddressView({ editHomeAddressForm, createHomeAddressForm, employeeHomeAddresses, employeeDisplayName, editingHomeAddressUuid, onEditAddressTargetChange, onSaved, onConfirmDelete, onBack, isDeletePending, className, }: HomeAddressViewProps): import("react").JSX.Element;

package/dist/src/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.d.ts

@@ -6,7 +6,9 @@ interface TerminateEmployeePresentationProps {
     onSubmit: (data: TerminateEmployeeFormData) => void;
     onCancel: () => void;
     isLoading: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function TerminateEmployeePresentation({ employeeName, existingTermination, onSubmit, onCancel, isLoading, }: TerminateEmployeePresentationProps): import("react").JSX.Element;
+export declare function TerminateEmployeePresentation({ employeeName, existingTermination, onSubmit, onCancel, isLoading, className, }: TerminateEmployeePresentationProps): import("react").JSX.Element;
 export {};

package/dist/src/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.d.ts

@@ -15,7 +15,9 @@ interface TerminationSummaryPresentationProps {
     onDialogClose: () => void;
     onDialogConfirm: () => void;
     isCancelling: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function TerminationSummaryPresentation({ employeeName, effectiveDate, canCancel, canEdit, showRunPayroll, showRunOffCyclePayroll, showSuccessAlert, onCancelClick, onEditDismissal, onRunDismissalPayroll, onRunOffCyclePayroll, isLoading, isCancelDialogOpen, onDialogClose, onDialogConfirm, isCancelling, }: TerminationSummaryPresentationProps): import("react").JSX.Element;
+export declare function TerminationSummaryPresentation({ employeeName, effectiveDate, canCancel, canEdit, showRunPayroll, showRunOffCyclePayroll, showSuccessAlert, onCancelClick, onEditDismissal, onRunDismissalPayroll, onRunOffCyclePayroll, isLoading, isCancelDialogOpen, onDialogClose, onDialogConfirm, isCancelling, className, }: TerminationSummaryPresentationProps): import("react").JSX.Element;
 export {};

package/dist/src/components/Employee/WorkAddress/management/WorkAddressView.d.ts

@@ -14,6 +14,8 @@ export interface WorkAddressViewProps {
     onWorkAddressSaved: (result: HookSubmitResult<EmployeeWorkAddress>) => void;
     onBack: () => void;
     isDeletePending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function WorkAddressView({ editWorkAddressForm, changeWorkAddressForm, workAddresses, editTargetUuid, onEditTargetUuidChange, employeeDisplayName, onConfirmDelete, onWorkAddressSaved, onBack, isDeletePending, }: WorkAddressViewProps): import("react").JSX.Element;
+export declare function WorkAddressView({ editWorkAddressForm, changeWorkAddressForm, workAddresses, editTargetUuid, onEditTargetUuidChange, employeeDisplayName, onConfirmDelete, onWorkAddressSaved, onBack, isDeletePending, className, }: WorkAddressViewProps): import("react").JSX.Element;

package/dist/src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.d.ts

@@ -11,6 +11,8 @@ export interface DismissalPayPeriodSelectionPresentationProps {
     onSubmit: () => void;
     /** Whether the submit action is in flight. */
     isPending: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, }: DismissalPayPeriodSelectionPresentationProps): import("react").JSX.Element;
+export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, className, }: DismissalPayPeriodSelectionPresentationProps): import("react").JSX.Element;

package/dist/src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.d.ts

@@ -1,3 +1,3 @@
 import { OffCycleCreationPresentationProps } from './OffCycleCreationTypes';
 /** @internal */
-export declare function OffCycleCreationPresentation({ employees, isPending, minCheckDate, minCheckOnlyDate, maxDate, minPayPeriodDate, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: OffCycleCreationPresentationProps): import("react").JSX.Element;
+export declare function OffCycleCreationPresentation({ employees, isPending, minCheckDate, minCheckOnlyDate, maxDate, minPayPeriodDate, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, className, }: OffCycleCreationPresentationProps): import("react").JSX.Element;

package/dist/src/components/Payroll/OffCycleCreation/OffCycleCreationTypes.d.ts

@@ -53,4 +53,6 @@ export interface OffCycleCreationPresentationProps {
     onTaxWithholdingModalDone: (config: OffCycleTaxWithholdingConfig) => void;
     /** Fires when the user dismisses the tax withholding modal without saving. */
     onTaxWithholdingModalCancel: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.d.ts

@@ -2,7 +2,9 @@ import { OffCycleReason } from './types';
 interface OffCycleReasonSelectionPresentationProps {
     name: string;
     onChange?: (value: OffCycleReason) => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function OffCycleReasonSelectionPresentation({ name, onChange, }: OffCycleReasonSelectionPresentationProps): import("react").JSX.Element;
+export declare function OffCycleReasonSelectionPresentation({ name, onChange, className, }: OffCycleReasonSelectionPresentationProps): import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.d.ts

@@ -7,6 +7,8 @@ import { PayrollCategory } from '../payrollTypes';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 interface PayrollConfigurationPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     employeeCompensations: PayrollEmployeeCompensationsType[];
     employeeDetails: Employee[];
     payPeriod?: PayrollPayPeriodType;
@@ -32,5 +34,5 @@ interface PayrollConfigurationPresentationProps {
     onGrossUpSelect?: (employeeUuid: string) => void;
 }
 /** @internal */
-export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, payrollCategory, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, grossUpEnabled, onGrossUpSelect, }: PayrollConfigurationPresentationProps) => import("react").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ className, employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, payrollCategory, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, grossUpEnabled, onGrossUpSelect, }: PayrollConfigurationPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.d.ts

@@ -5,6 +5,8 @@ import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api/models
 import { z } from 'zod';
 import { PayrollCategory } from '../payrollTypes';
 interface PayrollEditEmployeeProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void;
     onCancel: () => void;
     employee: Employee;
@@ -21,5 +23,5 @@ interface PayrollEditEmployeeProps {
 /** @internal */
 export type PayrollEditEmployeeFormValues = { hourlyCompensations: Record<string, Record<string, string | undefined>>; timeOffCompensations: Record<string, string | undefined>; finalPayoutCompensations: Record<string, string | undefined>; fixedCompensations: Record<string, string | undefined>; reimbursements: { description: string; amount: string; uuid?: string | null | undefined; recurring?: boolean | undefined; }[]; paymentMethod?: "Check" | "Historical" | "Direct Deposit" | undefined; };
 /** @internal */
-export declare const PayrollEditEmployeePresentation: ({ onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, payrollCategory, withReimbursements, hasDirectDepositSetup, }: PayrollEditEmployeeProps) => import("react").JSX.Element;
+export declare const PayrollEditEmployeePresentation: ({ className, onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, payrollCategory, withReimbursements, hasDirectDepositSetup, }: PayrollEditEmployeeProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.d.ts

@@ -111,10 +111,10 @@ export interface TimeOffEntry {
     remaining: number | null;
 }
 /**
- * One entry in the flat `other` section.
+ * One entry in the flat `overtimeExcludedEarnings` section.
  *
  * @remarks
- * Intentionally opaque: `other` collects earnings that are not overtime-affecting
+ * Intentionally opaque: `overtimeExcludedEarnings` collects earnings that are not overtime-affecting
  * and whose input type the partner does not need to reason about. Render each
  * entry's `Field` keyed by `key`; use `id` as a reach-in handle for labeling.
  *
@@ -138,8 +138,8 @@ export interface OtherEntry {
  * The value type is the signal — array is flat, object is split by workweek; use
  * {@link isSplitByWorkweek} to discriminate. `title` is the job's display title
  * (entity data, not copy) for rendering a per-job heading. Earnings are not
- * job-scoped: they live in the employee-level `additionalEarnings` and
- * `otherEarnings` sections on {@link PayrollEditEmployeeFields}.
+ * job-scoped: they live in the employee-level `overtimeIncludedEarnings` and
+ * `overtimeExcludedEarnings` sections on {@link PayrollEditEmployeeFields}.
  *
  * @public
  */
@@ -217,8 +217,8 @@ export interface ReimbursementRow {
  * @remarks
  * Hours are grouped under `jobs`, one entry per job, so multi-job employees
  * render correctly. All earnings and the remaining sections are employee-scoped
- * and stay top-level: `additionalEarnings` (overtime-affecting) and
- * `otherEarnings` (non-overtime) each render as a single section spanning every
+ * and stay top-level: `overtimeIncludedEarnings` (overtime-affecting) and
+ * `overtimeExcludedEarnings` (non-overtime) each render as a single section spanning every
  * job, alongside time off, final payout, payment method, and reimbursements.
  *
  * @public
@@ -231,9 +231,9 @@ export interface PayrollEditEmployeeFields {
      * section. Flat `Entry[]` when unsplit, or `Record<workweekStart, Entry[]>`
      * when split by workweek; use {@link isSplitByWorkweek} to discriminate.
      */
-    additionalEarnings: EarningEntry[] | Record<string, EarningEntry[]>;
+    overtimeIncludedEarnings: EarningEntry[] | Record<string, EarningEntry[]>;
     /** Non-overtime earnings (e.g. tips), always flat; opaque render entries. */
-    otherEarnings: OtherEntry[];
+    overtimeExcludedEarnings: OtherEntry[];
     /** Time-off inputs (never workweek-breakdown). */
     timeOff: TimeOffEntry[];
     /** Final-payout inputs, present only for dismissal payrolls. */
@@ -317,7 +317,7 @@ export declare function computeTimeOffRemaining(accrualBalance: string | undefin
  * compensations are split by whether their earning type is included in the
  * regular-rate-of-pay overtime calculation (`overtimeEarningNames`): included
  * earnings become each job's additional earnings, the rest become the flat,
- * employee-level `other` section. Time off comes from the paid-time-off list,
+ * employee-level `overtimeExcludedEarnings` section. Time off comes from the paid-time-off list,
  * final payout is added only for dismissal payrolls, and the payment-method
  * selector appears only when direct deposit is set up.
  *

package/dist/src/components/Payroll/PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeHelpers.d.ts

@@ -40,7 +40,7 @@ export declare function normalizeWorkweeks(workweeks: Array<{
 /**
  * Collects the names of earning types included in the regular-rate-of-pay
  * overtime calculation. These earnings render in the workweek-breakdown
- * additional-earnings section; all others fall into the flat `other` section.
+ * additional-earnings section; all others fall into the flat `overtimeExcludedEarnings` section.
  *
  * @param earningTypeList - The company's default and custom earning types.
  * @returns A set of earning-type names with `includedInOvertimePay` set.
@@ -60,7 +60,7 @@ export declare function collectOvertimeEarningNames(earningTypeList: EarningType
  * handled elsewhere or never shown as additional earnings
  * ({@link EXCLUDED_ADDITIONAL_EARNINGS}) and inactive types are skipped. The
  * result is sorted alphabetically by name. The regular-rate-of-pay split between
- * additional earnings and `other` happens downstream via `overtimeEarningNames`;
+ * additional earnings and `overtimeExcludedEarnings` happens downstream via `overtimeEarningNames`;
  * this helper only decides which earning lines exist.
  *
  * @param existingFixedCompensations - The prepared compensation's fixed compensations.

package/dist/src/components/Payroll/PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema.d.ts

@@ -47,13 +47,13 @@ export declare const reimbursementDraftSchema: z.ZodObject<{
  * Overtime-affecting values are keyed by workweek internally: hours and
  * additional earnings are job-then-name-then-workweekStart records, so the
  * single-workweek (or not-yet-split) case is just the degenerate one-key form
- * of the multi-workweek shape. Non-overtime earnings (other) are flat
+ * of the multi-workweek shape. Non-overtime earnings (`overtimeExcludedEarnings`) are flat
  * job-then-name-to-amount records with no per-workweek breakdown, since they do
  * not feed the blended rate. Time off and final payout are keyed by
  * compensation name. This keeps one schema and one submit path.
  *
  * A `superRefine` enforces per-row completeness on `hours` and
- * `additionalEarnings`: once any workweek cell in a job+name row is filled, every
+ * `overtimeIncludedEarnings`: once any workweek cell in a job+name row is filled, every
  * other cell in that row must be filled too, surfaced per empty cell as
  * {@link PayrollEditEmployeeErrorCodes.REQUIRED_WORKWEEK}. A row with nothing
  * filled is left alone (still submittable as untouched). This needs no
@@ -66,8 +66,8 @@ export declare const reimbursementDraftSchema: z.ZodObject<{
  */
 export declare function createPayrollEditEmployeeSchema(): z.ZodObject<{
     hours: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>>>;
-    additionalEarnings: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>>>;
-    other: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>>;
+    overtimeIncludedEarnings: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>>>;
+    overtimeExcludedEarnings: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>>;
     timeOff: z.ZodRecord<z.ZodString, z.ZodString>;
     finalPayout: z.ZodRecord<z.ZodString, z.ZodString>;
     reimbursements: z.ZodArray<z.ZodObject<{

package/dist/src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.d.ts

@@ -3,6 +3,8 @@ import { WireInRequest } from '@gusto/embedded-api/models/components/wireinreque
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 import { UseDateRangeFilterResult } from '../../../hooks/useDateRangeFilter/useDateRangeFilter';
 interface PayrollHistoryPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     payrollHistory: Payroll[];
     wireInRequests: WireInRequest[];
     pagination: PaginationControlProps;
@@ -16,5 +18,5 @@ interface PayrollHistoryPresentationProps {
     dateRangeFilter: UseDateRangeFilterResult;
 }
 /** @internal */
-export declare const PayrollHistoryPresentation: ({ payrollHistory, wireInRequests, pagination, onViewSummary, onViewReceipt, onCancelPayroll, cancelDialogItem, onCancelDialogOpen, onCancelDialogClose, isLoading, dateRangeFilter, }: PayrollHistoryPresentationProps) => import("react").JSX.Element;
+export declare const PayrollHistoryPresentation: ({ className, payrollHistory, wireInRequests, pagination, onViewSummary, onViewReceipt, onCancelPayroll, cancelDialogItem, onCancelDialogOpen, onCancelDialogClose, isLoading, dateRangeFilter, }: PayrollHistoryPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/PayrollList/PayrollListPresentation.d.ts

@@ -5,6 +5,8 @@ import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 import { UseDateRangeFilterResult } from '../../../hooks/useDateRangeFilter/useDateRangeFilter';
 interface PayrollListPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void;
     onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void;
     onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void;
@@ -26,5 +28,5 @@ interface PayrollListPresentationProps {
     withOffcyclePayroll?: boolean;
 }
 /** @internal */
-export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onDeletePayroll, onRunOffCyclePayroll, payrolls, pagination, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, showDeleteSuccessAlert, onDismissDeleteSuccessAlert, skippingPayrollId, deletingPayrollId, blockers, wireInRequests, dateRangeFilter, hasUnprocessedTransitions, withOffcyclePayroll, }: PayrollListPresentationProps) => import("react").JSX.Element;
+export declare const PayrollListPresentation: ({ className, onRunPayroll, onSubmitPayroll, onSkipPayroll, onDeletePayroll, onRunOffCyclePayroll, payrolls, pagination, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, showDeleteSuccessAlert, onDismissDeleteSuccessAlert, skippingPayrollId, deletingPayrollId, blockers, wireInRequests, dateRangeFilter, hasUnprocessedTransitions, withOffcyclePayroll, }: PayrollListPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.d.ts

@@ -6,6 +6,7 @@ import { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents';
 import { PayrollOverviewStatus } from './PayrollOverviewTypes';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 interface PayrollOverviewProps {
+    className?: string;
     payrollData: PayrollShow;
     employeeFlsaStatusByUuid?: Record<string, string | undefined>;
     bankAccount?: CompanyBankAccount;
@@ -34,5 +35,5 @@ interface PayrollOverviewProps {
     downloadingEmployeeIds?: ReadonlySet<string>;
 }
 /** @internal */
-export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, payrollData, employeeFlsaStatusByUuid, bankAccount, taxes, status, isProcessed, canCancel, canEdit, alerts, submissionBlockers, selectedUnblockOptions, onUnblockOptionChange, wireInConfirmationRequest, printChecksBanner, withReimbursements, paymentSpeed, pagination, downloadingEmployeeIds, }: PayrollOverviewProps) => import("react").JSX.Element;
+export declare const PayrollOverviewPresentation: ({ className, onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, payrollData, employeeFlsaStatusByUuid, bankAccount, taxes, status, isProcessed, canCancel, canEdit, alerts, submissionBlockers, selectedUnblockOptions, onUnblockOptionChange, wireInConfirmationRequest, printChecksBanner, withReimbursements, paymentSpeed, pagination, downloadingEmployeeIds, }: PayrollOverviewProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.d.ts

@@ -1,8 +1,9 @@
 import { PayrollReceipt } from '@gusto/embedded-api/models/components/payrollreceipt';
 interface PayrollReceiptsPresentationProps {
+    className?: string;
     receiptData: PayrollReceipt;
     withReimbursements?: boolean;
 }
 /** @internal */
-export declare const PayrollReceiptsPresentation: ({ receiptData, withReimbursements, }: PayrollReceiptsPresentationProps) => import("react").JSX.Element;
+export declare const PayrollReceiptsPresentation: ({ className, receiptData, withReimbursements, }: PayrollReceiptsPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/TransitionCreation/TransitionCreationPresentation.d.ts

@@ -6,4 +6,4 @@ import { TransitionCreationPresentationProps } from './TransitionCreationTypes';
  * @returns The transition payroll creation form layout.
  * @internal
  */
-export declare function TransitionCreationPresentation({ startDate, endDate, payScheduleName, isPending, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: TransitionCreationPresentationProps): import("react").JSX.Element;
+export declare function TransitionCreationPresentation({ className, startDate, endDate, payScheduleName, isPending, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: TransitionCreationPresentationProps): import("react").JSX.Element;

package/dist/src/components/Payroll/TransitionCreation/TransitionCreationTypes.d.ts

@@ -34,6 +34,8 @@ export declare function createTransitionCreationSchema(t: (key: string, options?
 }, z.core.$strip>;
 /** @internal */
 export interface TransitionCreationPresentationProps {
+    /** CSS class name applied to the component's root element. */
+    className?: string;
     /** The start date of the transition pay period (YYYY-MM-DD). */
     startDate: string;
     /** The end date of the transition pay period (YYYY-MM-DD). */

package/dist/src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.d.ts

@@ -1,9 +1,11 @@
+import { LoaderComponentType } from '../../Base/Base';
 import { OnEventType } from '../../Base/useBase';
 import { EventType } from '../../../shared/constants';
 interface TransitionPayrollAlertProps {
     companyId: string;
     onEvent: OnEventType<EventType, unknown>;
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function TransitionPayrollAlert({ companyId, onEvent }: TransitionPayrollAlertProps): import("react").JSX.Element;
+export declare function TransitionPayrollAlert({ companyId, onEvent, LoaderComponent, }: TransitionPayrollAlertProps): import("react").JSX.Element;
 export {};

package/dist/src/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.d.ts

@@ -6,7 +6,7 @@ import { PayrollEditEmployeeProps } from '../PayrollEditEmployee/PayrollEditEmpl
  * Gated behind the `payrollRegularRateOfPay` unstable feature flag and not part of the public
  * SDK surface. `PayrollEditEmployee` renders this in place of the stable editor when the flag is
  * enabled. Consumes {@link usePayrollEditEmployeeForm} and renders the header, the hours /
- * additional-earnings / time-off / other / payment-method sections, and the
+ * additional-earnings / time-off / payment-method sections, and the
  * `Cancel`/`Save` controls, performing a real payroll update on save. For an overtime-eligible
  * employee on a multi-workweek payroll, Overtime/Double-overtime rows start hidden behind a single,
  * employee-level "Add overtime" control (`form.data.withOvertime` / `form.actions.addOvertime`)

package/dist/src/components/TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.d.ts

@@ -21,4 +21,4 @@ export interface AddEmployeesHolidayProps extends BaseComponentInterface<never>
  * @returns The rendered holiday employee selection screen.
  * @public
  */
-export declare function AddEmployeesHoliday(props: AddEmployeesHolidayProps): import("react").JSX.Element;
+export declare function AddEmployeesHoliday({ className, ...props }: AddEmployeesHolidayProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.d.ts

@@ -50,4 +50,4 @@ export interface AddEmployeesToPolicyProps extends BaseComponentInterface<never>
  * }
  * ```
  */
-export declare function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps): import("react").JSX.Element;
+export declare function AddEmployeesToPolicy({ className, ...props }: AddEmployeesToPolicyProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.d.ts

@@ -1,3 +1,3 @@
 import { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes';
 /** @internal */
-export declare function HolidayPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, holidays, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: HolidayPolicyDetailPresentationProps): import("react").JSX.Element;
+export declare function HolidayPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, holidays, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, className, }: HolidayPolicyDetailPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailTypes.d.ts

@@ -45,4 +45,6 @@ export interface HolidayPolicyDetailPresentationProps {
     successAlert?: string;
     /** Called when the success alert is dismissed. */
     onDismissAlert?: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormTypes.d.ts

@@ -15,6 +15,8 @@ export interface HolidayItem {
 }
 interface HolidaySelectionFormBaseProps {
     holidays: HolidayItem[];
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 interface HolidaySelectionFormSelectModeProps extends HolidaySelectionFormBaseProps {
     mode?: 'select';

package/dist/src/components/TimeOff/PolicyList/PolicyListPresentation.d.ts

@@ -1,3 +1,3 @@
 import { PolicyListPresentationProps } from './PolicyListTypes';
 /** @internal */
-export declare function PolicyListPresentation({ policies, onCreatePolicy, onEditPolicy, onFinishSetup, onDeletePolicy, deleteSuccessAlert, onDismissDeleteAlert, isDeletingPolicyId, isPending, }: PolicyListPresentationProps): import("react").JSX.Element;
+export declare function PolicyListPresentation({ policies, onCreatePolicy, onEditPolicy, onFinishSetup, onDeletePolicy, deleteSuccessAlert, onDismissDeleteAlert, isDeletingPolicyId, isPending, className, }: PolicyListPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/PolicyList/PolicyListTypes.d.ts

@@ -33,4 +33,6 @@ export interface PolicyListPresentationProps {
     isDeletingPolicyId?: string | null;
     /** True while any mutation is in flight; drives the dialog confirm button's loading state. */
     isPending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/components/TimeOff/PolicySettings/PolicySettingsPresentation.d.ts

@@ -13,4 +13,4 @@ import { PolicySettingsPresentationProps } from './PolicySettingsTypes';
  * @returns The rendered policy settings form.
  * @public
  */
-export declare function PolicySettingsPresentation({ accrualMethod, onContinue, onBack, defaultValues, mode, editingPolicyName, isPending, }: PolicySettingsPresentationProps): import("react").JSX.Element;
+export declare function PolicySettingsPresentation({ accrualMethod, onContinue, onBack, defaultValues, mode, editingPolicyName, isPending, className, }: PolicySettingsPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/PolicySettings/PolicySettingsTypes.d.ts

@@ -49,4 +49,6 @@ export interface PolicySettingsPresentationProps {
     editingPolicyName?: string;
     /** Whether a submit is in flight. Disables the back button and shows a loading state on the continue button. */
     isPending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.d.ts

@@ -1,3 +1,3 @@
 import { PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes';
 /** @internal */
-export declare function PolicyTypeSelectorPresentation({ onContinue, onCancel, defaultPolicyType, holidayPolicyExists, }: PolicyTypeSelectorPresentationProps): import("react").JSX.Element;
+export declare function PolicyTypeSelectorPresentation({ onContinue, onCancel, defaultPolicyType, holidayPolicyExists, className, }: PolicyTypeSelectorPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorTypes.d.ts

@@ -14,4 +14,6 @@ export interface PolicyTypeSelectorPresentationProps {
     defaultPolicyType?: PolicyType;
     /** When true, the holiday option is omitted because the company already has a holiday pay policy. */
     holidayPolicyExists?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.d.ts

@@ -1,3 +1,3 @@
 import { PolicyConfigurationFormPresentationProps } from './PolicyConfigurationFormTypes';
 /** @internal */
-export declare function PolicyConfigurationFormPresentation({ onContinue, onCancel, defaultValues, editingPolicyName, isPending, lockedAccrualCategory, }: PolicyConfigurationFormPresentationProps): import("react").JSX.Element;
+export declare function PolicyConfigurationFormPresentation({ onContinue, onCancel, defaultValues, editingPolicyName, isPending, lockedAccrualCategory, className, }: PolicyConfigurationFormPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormTypes.d.ts

@@ -78,5 +78,7 @@ export interface PolicyConfigurationFormPresentationProps {
     isPending?: boolean;
     /** Restricts the accrual method options when editing a completed policy. */
     lockedAccrualCategory?: LockedAccrualCategory;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 export {};

package/dist/src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.d.ts

@@ -1,6 +1,8 @@
 interface SelectEmployeesHolidayProps {
     companyId: string;
     mode?: 'standalone' | 'wizard';
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
 export declare function SelectEmployeesHoliday(props: SelectEmployeesHolidayProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.d.ts

@@ -1,3 +1,3 @@
 import { SelectEmployeesPresentationProps } from './SelectEmployeesPresentationTypes';
 /** @internal */
-export declare function SelectEmployeesPresentation({ employees, selectedUuids, searchValue, onSelect, onSelectAll, onSearchChange, onSearchClear, onBack, onContinue, isHolidayPolicy, balances, onBalanceChange, pagination, isFetching, isPending, }: SelectEmployeesPresentationProps): import("react").JSX.Element;
+export declare function SelectEmployeesPresentation({ employees, selectedUuids, searchValue, onSelect, onSelectAll, onSearchChange, onSearchClear, onBack, onContinue, isHolidayPolicy, balances, onBalanceChange, pagination, isFetching, isPending, className, }: SelectEmployeesPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentationTypes.d.ts

@@ -28,4 +28,6 @@ export interface SelectEmployeesPresentationProps {
     isFetching?: boolean;
     /** Disables the back button and shows a spinner on the continue button while a submit is in flight. */
     isPending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.d.ts

@@ -4,6 +4,8 @@ interface SelectEmployeesTimeOffProps {
     policyId: string;
     policyType: CreatableTimeOffPolicyType;
     mode?: 'standalone' | 'wizard';
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
 export declare function SelectEmployeesTimeOff(props: SelectEmployeesTimeOffProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.d.ts

@@ -13,4 +13,4 @@ import { TimeOffPolicyDetailPresentationProps } from './TimeOffPolicyDetailTypes
  * @returns The rendered detail view.
  * @public
  */
-export declare function TimeOffPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, policyDetails, policySettings, onChangeSettings, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: TimeOffPolicyDetailPresentationProps): import("react").JSX.Element;
+export declare function TimeOffPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, policyDetails, policySettings, onChangeSettings, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, className, }: TimeOffPolicyDetailPresentationProps): import("react").JSX.Element;

package/dist/src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailTypes.d.ts

@@ -104,6 +104,8 @@ export interface TimeOffPolicyDetailPresentationBaseProps {
     successAlert?: string;
     /** Called when the success alert is dismissed. */
     onDismissAlert?: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /**
  * Props for {@link TimeOffPolicyDetailPresentation}.
@@ -130,6 +132,7 @@ export interface TimeOffPolicyDetailPresentationBaseProps {
  * | `removeDialog` | State for the employee removal confirmation dialog. |
  * | `successAlert` | Optional success message rendered as a dismissible alert. |
  * | `onDismissAlert` | Called when the success alert is dismissed. |
+ * | `className` | CSS class name applied to the root element. |
  *
  * @public
  */

package/dist/src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.d.ts

@@ -1,4 +1,4 @@
 import { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes';
 import { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes';
 /** @internal */
-export declare function PolicyDetailLayout<T extends EmployeeTableItem>({ title, subtitle, onBack, backLabel, actions, firstTab, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: PolicyDetailLayoutProps<T>): import("react").JSX.Element;
+export declare function PolicyDetailLayout<T extends EmployeeTableItem>({ title, subtitle, onBack, backLabel, actions, firstTab, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, className, }: PolicyDetailLayoutProps<T>): import("react").JSX.Element;

package/dist/src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayoutTypes.d.ts

@@ -53,4 +53,6 @@ export interface PolicyDetailLayoutProps<T extends EmployeeTableItem> {
     successAlert?: string;
     /** Called when the success alert is dismissed. */
     onDismissAlert?: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/src/contexts/ComponentAdapter/componentAdapterTypes.d.ts

@@ -28,6 +28,7 @@ export type { BaseListProps, OrderedListProps, UnorderedListProps, } from '../..
 export type { HeadingProps } from '../../components/Common/UI/Heading/HeadingTypes';
 export type { PaginationControlProps, PaginationItemsPerPage, } from '../../components/Common/PaginationControl/PaginationControlTypes';
 export type { PayrollLoadingProps } from '../../components/Common/PayrollLoading/PayrollLoadingTypes';
+export type { FieldCaptionProps } from '../../components/Common/FieldCaption/FieldCaptionTypes';
 export type { TextProps } from '../../components/Common/UI/Text/TextTypes';
 export type { CalendarPreviewProps } from '../../components/Common/UI/CalendarPreview/CalendarPreviewTypes';
 export type { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';

package/dist/src/contexts/ComponentAdapter/useComponentContext.d.ts

@@ -38,6 +38,7 @@ import { BoxHeaderProps } from '../../components/Common/UI/BoxHeader/BoxHeaderTy
 import { FormBoxHeaderProps } from '../../components/Common/UI/FormBoxHeader/FormBoxHeaderTypes';
 import { MultiSelectComboBoxProps } from '../../components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes';
 import { PayrollLoadingProps } from '../../components/Common/PayrollLoading/PayrollLoadingTypes';
+import { FieldCaptionProps } from '../../components/Common/FieldCaption/FieldCaptionTypes';
 /**
  * Full map of UI components used by the SDK. Every property is a React component that the
  * SDK renders internally — override any of them to substitute your own design system.
@@ -47,7 +48,7 @@ import { PayrollLoadingProps } from '../../components/Common/PayrollLoading/Payr
  *
  * To take full control of every UI component (and eliminate the React Aria dependency),
  * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.
- * All properties are then required except `PaginationControl` and `PayrollLoading`,
+ * All properties are then required except `PaginationControl`, `PayrollLoading`, and `FieldCaption`,
  * which fall back to built-in SDK implementations when omitted.
  *
  * @public
@@ -173,6 +174,8 @@ export interface ComponentsContextType {
     TextArea: FunctionComponent<TextAreaProps>;
     /** HTML `<ul>` for an unordered list of items. */
     UnorderedList: FunctionComponent<UnorderedListProps>;
+    /** Label or legend caption for form controls, including the optional/required indicator. Defaults to the SDK's built-in caption UI when omitted. */
+    FieldCaption?: FunctionComponent<FieldCaptionProps>;
     /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */
     PaginationControl?: FunctionComponent<PaginationControlProps>;
     /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */

package/dist/src/contexts/UnstableFeaturesProvider/useUnstableFeature.d.ts

@@ -14,7 +14,10 @@
 export interface UnstableFeatures {
     /** Enables recording past payments to contractors within the `ContractorManagement` flows. */
     historicalPayments?: boolean;
-    /** Enables the in-development regular-rate-of-pay experience for editing an employee's payroll. */
+    /**
+     * Enables the in-development regular-rate-of-pay experience: the payroll editing flow, and the
+     * workweek start day field on `PaySchedule` that RRoP's overtime calculations depend on.
+     */
     payrollRegularRateOfPay?: boolean;
 }
 /**