@gusto/embedded-react-sdk 0.55.7 → 0.56.0

package/dist/i18n/en/Payroll.PayrollOverview.json.js

@@ -1,4 +1,4 @@
-const e = "Submit", a = "Back", t = "Save and exit", o = "Review payroll", l = "Payroll summary", s = "{{payrollType}} payroll for <dateWrapper>{{startDate}} - {{endDate}}</dateWrapper>", i = "{{payrollType}} payroll", n = "Submit", r = "Edit", y = "Cancel payroll", p = "Cancel {{startDate}} - {{endDate}} payroll?", c = "Cancel payroll?", d = "You may cancel this payroll and run it again later. Your changes will be saved.", m = "Run this payroll by {{deadline}} to pay your employees on time.", u = "Yes, cancel payroll", b = "No, go back", T = "View payroll receipt", g = "Download paystub pdf", D = "Generating paystub…", h = "Submitting payroll...", f = "This may take a minute or two. You can navigate away while this happens.", w = "Loading payroll...", P = "Cancelling payroll...", x = "This payroll has been cancelled.", k = "Skipped", C = { payrollNotCalculated: "Payroll is not calculated", directDepositDeadline: "To pay your employees with direct deposit by {{payDate}}, you'll need to run payroll by {{time}} on {{date}}.", directDepositDeadlineText: "Make sure to submit before the deadline to ensure timely payments.", paystubPdfError: "There was an issue generating the paystub PDF. Please try again later.", payrollProcessedTitle: "Payroll submitted", payrollProcessedMessage: "{{amount}} will be debited on {{date}}. Make sure you have these funds available.", payrollProcessingFailedTitle: "There was an error submitting payroll", payrollProcessingFailedCtaLabel: "Recalculate payroll", wireDetailsSubmittedTitle: "Wire details submitted", wireDetailsSubmittedMessage: "Once we receive the funds from your bank we'll pay your team on {{checkDate}}" }, S = "Payroll Summary", v = "Payroll summary (Wire funds)", L = "Payroll summary (4-day direct deposit)", E = "Payroll summary table", B = { label: "Payroll details", companyPaysTab: "Company pays", companyPaysTable: "Company pays by employee", hoursWorkedTab: "Hours worked", hoursWorkedTable: "Hours worked by employee", employeeTakeHomeTab: "Employee take home", employeeTakeHomeTable: "Employee take home by employee", taxesTab: "Taxed and debited", taxesTable: "Taxes breakdown", debitedTable: "Debited totals by company" }, W = { totalPayroll: "Total payroll", debitAmount: "Debit amount", wireAmount: "Wire amount", wireTransferDeadline: "Wire transfer deadline", employees: "Employees", grossPay: "Gross Pay", reimbursements: "Reimbursements", debitAccount: "Debit account", debitDate: "Debit date", employeePayDate: "Employee pay date", companyTaxes: "Company taxes", companyBenefits: "Company benefits", companyPays: "Company pays", compensationType: "Compensation type", regular: "Regular", overtime: "Overtime (1.5x)", doubleOT: "Overtime (2x)", timeOff: "Paid time off", totalHours: "Total hours", paymentType: "Payment type", employeeTaxes: "Employee taxes", employeeBenefits: "Employee benefits", payment: "Payment", deductions: "Deductions", taxDescription: "Tax description", byYourEmployees: "By your employees", byYourCompany: "By your company", debitedByGusto: "Debited by Gusto", taxesTotal: "Total", paystub: "Paystub", footerTotalsLabel: "Totals", footerTotalsDescription: "All employees in this payroll" }, _ = "Totals", F = "Direct deposits", O = "Reimbursements", Y = "Garnishments", H = "Taxes (Employees and Employers)", R = { exempt: "Salaried / Exempt", nonexempt: "Hourly / Nonexempt" }, M = { genericBlockerTitle: "Submission blocked", genericBlockerMessage: "This payroll cannot be submitted. Please contact support for assistance.", fastAchOptions: { description: "Payroll can still be funded by selecting one of the options below. The selected funding method will only be used for this cycle and will not apply to future payroll.", fundingOptionsLabel: "Funding options", wireLabel: "Wire funds", wireFastestBadge: "Fastest", wireDescription: "Pay your employees on time by sending a wire transfer. We'll provide instructions on the next step.", directDepositLabel: "Switch to 4-day direct deposit", directDepositDescription: "Delay your employees pay date by four days and process using regular debits.", employeePayDate: "Employee pay date: {{date}}" }, fast_ach_threshold_exceeded: { title: "You have exceeded the limit at which you can process {{days}} payroll." }, needs_earned_access_for_fast_ach: { title: "You have not yet earned access to faster payroll." } }, A = {
+const e = "Submit", a = "Back", t = "Save and exit", o = "Review payroll", l = "Payroll summary", s = "{{payrollType}} payroll for <dateWrapper>{{startDate}} - {{endDate}}</dateWrapper>", i = "{{payrollType}} payroll", n = "Submit", r = "Edit", y = "Cancel payroll", p = "Cancel {{startDate}} - {{endDate}} payroll?", c = "Cancel payroll?", d = "You may cancel this payroll and run it again later. Your changes will be saved.", m = "Run this payroll by {{deadline}} to pay your employees on time.", u = "Yes, cancel payroll", b = "No, go back", T = "View payroll receipt", g = "Download paystub pdf", h = "Generating paystub…", D = "Submitting payroll...", f = "This may take a minute or two. You can navigate away while this happens.", w = "Loading payroll...", P = "Cancelling payroll...", x = "This payroll has been cancelled.", k = "Skipped", C = { payrollNotCalculated: "Payroll is not calculated", payrollLoadFailed: "There was an issue loading this payroll. Please try again.", directDepositDeadline: "To pay your employees with direct deposit by {{payDate}}, you'll need to run payroll by {{time}} on {{date}}.", directDepositDeadlineText: "Make sure to submit before the deadline to ensure timely payments.", paystubPdfError: "There was an issue generating the paystub PDF. Please try again later.", payrollProcessedTitle: "Payroll submitted", payrollProcessedMessage: "{{amount}} will be debited on {{date}}. Make sure you have these funds available.", payrollProcessingFailedTitle: "There was an error submitting payroll", payrollProcessingFailedCtaLabel: "Recalculate payroll", wireDetailsSubmittedTitle: "Wire details submitted", wireDetailsSubmittedMessage: "Once we receive the funds from your bank we'll pay your team on {{checkDate}}" }, L = "Payroll Summary", S = "Payroll summary (Wire funds)", v = "Payroll summary (4-day direct deposit)", E = "Payroll summary table", B = { label: "Payroll details", companyPaysTab: "Company pays", companyPaysTable: "Company pays by employee", hoursWorkedTab: "Hours worked", hoursWorkedTable: "Hours worked by employee", employeeTakeHomeTab: "Employee take home", employeeTakeHomeTable: "Employee take home by employee", taxesTab: "Taxed and debited", taxesTable: "Taxes breakdown", debitedTable: "Debited totals by company" }, W = { totalPayroll: "Total payroll", debitAmount: "Debit amount", wireAmount: "Wire amount", wireTransferDeadline: "Wire transfer deadline", employees: "Employees", grossPay: "Gross Pay", reimbursements: "Reimbursements", debitAccount: "Debit account", debitDate: "Debit date", employeePayDate: "Employee pay date", companyTaxes: "Company taxes", companyBenefits: "Company benefits", companyPays: "Company pays", compensationType: "Compensation type", regular: "Regular", overtime: "Overtime (1.5x)", doubleOT: "Overtime (2x)", timeOff: "Paid time off", totalHours: "Total hours", paymentType: "Payment type", employeeTaxes: "Employee taxes", employeeBenefits: "Employee benefits", payment: "Payment", deductions: "Deductions", taxDescription: "Tax description", byYourEmployees: "By your employees", byYourCompany: "By your company", debitedByGusto: "Debited by Gusto", taxesTotal: "Total", paystub: "Paystub", footerTotalsLabel: "Totals", footerTotalsDescription: "All employees in this payroll" }, F = "Totals", _ = "Direct deposits", O = "Reimbursements", Y = "Garnishments", H = "Taxes (Employees and Employers)", R = { exempt: "Salaried / Exempt", nonexempt: "Hourly / Nonexempt" }, M = { genericBlockerTitle: "Submission blocked", genericBlockerMessage: "This payroll cannot be submitted. Please contact support for assistance.", fastAchOptions: { description: "Payroll can still be funded by selecting one of the options below. The selected funding method will only be used for this cycle and will not apply to future payroll.", fundingOptionsLabel: "Funding options", wireLabel: "Wire funds", wireFastestBadge: "Fastest", wireDescription: "Pay your employees on time by sending a wire transfer. We'll provide instructions on the next step.", directDepositLabel: "Switch to 4-day direct deposit", directDepositDescription: "Delay your employees pay date by four days and process using regular debits.", employeePayDate: "Employee pay date: {{date}}" }, fast_ach_threshold_exceeded: { title: "You have exceeded the limit at which you can process {{days}} payroll." }, needs_earned_access_for_fast_ach: { title: "You have not yet earned access to faster payroll." } }, A = {
   breadcrumbLabel: e,
   backCta: a,
   exitFlowCta: t,
@@ -17,22 +17,22 @@ const e = "Submit", a = "Back", t = "Save and exit", o = "Review payroll", l = "
   declineCancelCta: b,
   payrollReceiptCta: T,
   downloadPaystubLabel: g,
-  downloadLoadingMessage: D,
-  loadingTitle: h,
+  downloadLoadingMessage: h,
+  loadingTitle: D,
   loadingDescription: f,
   dataLoadingTitle: w,
   cancellingTitle: P,
   cancelledEmptyState: x,
   skippedBadge: k,
   alerts: C,
-  payrollSummaryTitle: S,
-  payrollSummaryTitleWire: v,
-  payrollSummaryTitleFourDay: L,
+  payrollSummaryTitle: L,
+  payrollSummaryTitleWire: S,
+  payrollSummaryTitleFourDay: v,
   payrollSummaryLabel: E,
   dataViews: B,
   tableHeaders: W,
-  totalsLabel: _,
-  directDepositLabel: F,
+  totalsLabel: F,
+  directDepositLabel: _,
   reimbursementLabel: O,
   garnishmentsLabel: Y,
   taxesLabel: H,
@@ -56,22 +56,22 @@ export {
   B as dataViews,
   b as declineCancelCta,
   A as default,
-  F as directDepositLabel,
-  D as downloadLoadingMessage,
+  _ as directDepositLabel,
+  h as downloadLoadingMessage,
   g as downloadPaystubLabel,
   r as editCta,
   t as exitFlowCta,
   Y as garnishmentsLabel,
   f as loadingDescription,
-  h as loadingTitle,
+  D as loadingTitle,
   o as overviewTitle,
   s as pageSubtitle,
   i as pageSubtitleDismissal,
   T as payrollReceiptCta,
   E as payrollSummaryLabel,
-  S as payrollSummaryTitle,
-  L as payrollSummaryTitleFourDay,
-  v as payrollSummaryTitleWire,
+  L as payrollSummaryTitle,
+  v as payrollSummaryTitleFourDay,
+  S as payrollSummaryTitleWire,
   O as reimbursementLabel,
   k as skippedBadge,
   M as submissionBlockers,
@@ -79,6 +79,6 @@ export {
   l as summaryTitle,
   W as tableHeaders,
   H as taxesLabel,
-  _ as totalsLabel
+  F as totalsLabel
 };
 //# sourceMappingURL=Payroll.PayrollOverview.json.js.map

package/dist/i18n/en/Payroll.UNSTABLE_PayrollEditEmployee.json.js

@@ -1,98 +1,102 @@
-const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}", n = "Regular and overtime hours", o = "Regular hours", r = "Add overtime", s = "When adding overtime hours, you must record hours and earnings by work week so {{employeeName}}'s pay is calculated correctly.", i = "Hours", m = "Save", a = "Cancel", u = "Hour type", c = "Type", l = "Amount", p = "Hours", d = "Other", b = { regularHours: "Regular Hours", overtime: "Overtime", doubleOvertime: "Double overtime" }, y = "Time off", h = "Time off hours used this pay period", f = "Unused time off payout", g = "Enter the unused hours to pay out on the final paycheck. This is separate from time off hours used during the pay period.", T = { remaining: "{{balance}} remaining" }, C = "Additional earnings", v = "Reimbursements", R = "Description", k = "e.g., Office supplies", A = "Amount", O = "Reimbursement", D = "Reimbursements", L = "Description", P = "Amount", E = "Type", N = "Recurring", w = "One-time", H = "No reimbursements", M = "Add one-time reimbursement", U = "Add one-time reimbursement", W = "Save reimbursement", B = "Cancel reimbursement", S = "Remove {{description}} reimbursement", x = "{{description}} (recurring reimbursement)", _ = "Recurring reimbursements are managed outside of payroll.", q = { bonus: "Bonus", paycheckTips: "Paycheck tips", correctionPayment: "Correction payment", commission: "Commission", cashTips: "Cash tips", reimbursement: "Reimbursement" }, z = "Payment", F = "Payment method", j = "Changing the default payment method will only apply to this payroll.", G = { directDeposit: "Direct deposit", check: "Check" }, I = { reimbursementAmount: "Amount must be greater than zero", negativeAmount: "Amount cannot be negative", requiredWorkweek: "Enter an amount for every workweek" }, J = {
+const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}", n = "Regular and overtime hours", o = "Regular hours", r = "Add overtime", i = "When adding overtime hours, you must record hours and earnings by work week so {{employeeName}}'s pay is calculated correctly.", s = "Hours", m = "Save", a = "Cancel", u = "Hour type", c = "Type", l = "Amount", p = "Hours", d = { regularHours: "Regular Hours", overtime: "Overtime", doubleOvertime: "Double overtime" }, b = "Time off", y = "Time off hours used this pay period", h = "Unused time off payout", g = "Enter the unused hours to pay out on the final paycheck. This is separate from time off hours used during the pay period.", f = { remaining: "{{balance}} remaining" }, v = "Additional earnings", T = "Earnings entered here factor into the overtime multiplier used to calculate {{employeeName}}'s total pay.", C = "Included in overtime multiplier calculation", R = "Not a factor for overtime calculation", A = "Reimbursements", k = "Description", E = "e.g., Office supplies", D = "Amount", L = "Reimbursement", O = "Reimbursements", N = "Description", P = "Amount", w = "Type", H = "Recurring", M = "One-time", U = "No reimbursements", W = "Add one-time reimbursement", x = "Add one-time reimbursement", B = "Save reimbursement", S = "Cancel reimbursement", G = "Remove {{description}} reimbursement", I = "{{description}} (recurring reimbursement)", _ = "Recurring reimbursements are managed outside of payroll.", q = { bonus: "Bonus", paycheckTips: "Paycheck tips", correctionPayment: "Correction payment", commission: "Commission", cashTips: "Cash tips", reimbursement: "Reimbursement" }, z = "Payment", F = "Payment method", j = "Changing the default payment method will only apply to this payroll.", J = { directDeposit: "Direct deposit", check: "Check" }, K = { reimbursementAmount: "Amount must be greater than zero", negativeAmount: "Amount cannot be negative", requiredWorkweek: "Enter an amount for every workweek" }, Q = {
   pageTitle: e,
   breadcrumbLabel: t,
   regularHoursTitle: n,
   regularHoursTitleWithoutOvertime: o,
   addOvertimeCta: r,
-  overtimeWorkweekAlert: s,
-  hoursUnit: i,
+  overtimeWorkweekAlert: i,
+  hoursUnit: s,
   saveCta: m,
   cancelCta: a,
   hourTypeColumn: u,
   typeColumn: c,
   amountColumn: l,
   hoursColumn: p,
-  otherTitle: d,
-  compensationNames: b,
-  timeOffTitle: y,
-  timeOffTitleDismissal: h,
-  finalPayoutTitle: f,
+  compensationNames: d,
+  timeOffTitle: b,
+  timeOffTitleDismissal: y,
+  finalPayoutTitle: h,
   finalPayoutDescription: g,
-  timeOffBalance: T,
-  additionalEarningsTitle: C,
-  reimbursementTitle: v,
-  reimbursementDescriptionLabel: R,
-  reimbursementDescriptionPlaceholder: k,
-  reimbursementAmountLabel: A,
-  reimbursementUnnamedFallback: O,
-  reimbursementsTableLabel: D,
-  reimbursementDescriptionColumn: L,
+  timeOffBalance: f,
+  additionalEarningsTitle: v,
+  overtimeMultiplierEarningsAlert: T,
+  overtimeIncludedEarningsGroupLabel: C,
+  overtimeExcludedEarningsGroupLabel: R,
+  reimbursementTitle: A,
+  reimbursementDescriptionLabel: k,
+  reimbursementDescriptionPlaceholder: E,
+  reimbursementAmountLabel: D,
+  reimbursementUnnamedFallback: L,
+  reimbursementsTableLabel: O,
+  reimbursementDescriptionColumn: N,
   reimbursementAmountColumn: P,
-  reimbursementTypeColumn: E,
-  reimbursementTypeRecurring: N,
-  reimbursementTypeOneTime: w,
-  reimbursementEmptyTitle: H,
-  addReimbursementCta: M,
-  addReimbursementLink: U,
-  saveReimbursementCta: W,
-  cancelReimbursementCta: B,
-  removeReimbursementLabel: S,
-  recurringReimbursementLabel: x,
+  reimbursementTypeColumn: w,
+  reimbursementTypeRecurring: H,
+  reimbursementTypeOneTime: M,
+  reimbursementEmptyTitle: U,
+  addReimbursementCta: W,
+  addReimbursementLink: x,
+  saveReimbursementCta: B,
+  cancelReimbursementCta: S,
+  removeReimbursementLabel: G,
+  recurringReimbursementLabel: I,
   recurringReimbursementTooltip: _,
   fixedCompensationNames: q,
   paymentMethodTitle: z,
   paymentMethodLabel: F,
   paymentMethodDescription: j,
-  paymentMethodOptions: G,
-  validations: I
+  paymentMethodOptions: J,
+  validations: K
 };
 export {
   r as addOvertimeCta,
-  M as addReimbursementCta,
-  U as addReimbursementLink,
-  C as additionalEarningsTitle,
+  W as addReimbursementCta,
+  x as addReimbursementLink,
+  v as additionalEarningsTitle,
   l as amountColumn,
   t as breadcrumbLabel,
   a as cancelCta,
-  B as cancelReimbursementCta,
-  b as compensationNames,
-  J as default,
+  S as cancelReimbursementCta,
+  d as compensationNames,
+  Q as default,
   g as finalPayoutDescription,
-  f as finalPayoutTitle,
+  h as finalPayoutTitle,
   q as fixedCompensationNames,
   u as hourTypeColumn,
   p as hoursColumn,
-  i as hoursUnit,
-  d as otherTitle,
-  s as overtimeWorkweekAlert,
+  s as hoursUnit,
+  R as overtimeExcludedEarningsGroupLabel,
+  C as overtimeIncludedEarningsGroupLabel,
+  T as overtimeMultiplierEarningsAlert,
+  i as overtimeWorkweekAlert,
   e as pageTitle,
   j as paymentMethodDescription,
   F as paymentMethodLabel,
-  G as paymentMethodOptions,
+  J as paymentMethodOptions,
   z as paymentMethodTitle,
-  x as recurringReimbursementLabel,
+  I as recurringReimbursementLabel,
   _ as recurringReimbursementTooltip,
   n as regularHoursTitle,
   o as regularHoursTitleWithoutOvertime,
   P as reimbursementAmountColumn,
-  A as reimbursementAmountLabel,
-  L as reimbursementDescriptionColumn,
-  R as reimbursementDescriptionLabel,
-  k as reimbursementDescriptionPlaceholder,
-  H as reimbursementEmptyTitle,
-  v as reimbursementTitle,
-  E as reimbursementTypeColumn,
-  w as reimbursementTypeOneTime,
-  N as reimbursementTypeRecurring,
-  O as reimbursementUnnamedFallback,
-  D as reimbursementsTableLabel,
-  S as removeReimbursementLabel,
+  D as reimbursementAmountLabel,
+  N as reimbursementDescriptionColumn,
+  k as reimbursementDescriptionLabel,
+  E as reimbursementDescriptionPlaceholder,
+  U as reimbursementEmptyTitle,
+  A as reimbursementTitle,
+  w as reimbursementTypeColumn,
+  M as reimbursementTypeOneTime,
+  H as reimbursementTypeRecurring,
+  L as reimbursementUnnamedFallback,
+  O as reimbursementsTableLabel,
+  G as removeReimbursementLabel,
   m as saveCta,
-  W as saveReimbursementCta,
-  T as timeOffBalance,
-  y as timeOffTitle,
-  h as timeOffTitleDismissal,
+  B as saveReimbursementCta,
+  f as timeOffBalance,
+  b as timeOffTitle,
+  y as timeOffTitleDismissal,
   c as typeColumn,
-  I as validations
+  K as validations
 };
 //# sourceMappingURL=Payroll.UNSTABLE_PayrollEditEmployee.json.js.map

package/dist/i18n/en/Payroll.UNSTABLE_PayrollEditEmployee.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Payroll.UNSTABLE_PayrollEditEmployee.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Payroll.UNSTABLE_PayrollEditEmployee.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const e = "@gusto/embedded-react-sdk", o = "0.55.7";
+const e = "@gusto/embedded-react-sdk", o = "0.56.0";
 export {
   e as name,
   o as version

package/dist/src/components/Common/FieldCaption/FieldCaption.d.ts

@@ -1,17 +1,3 @@
+import { FieldCaptionProps } from './FieldCaptionTypes';
 /** @internal */
-export interface FieldCaptionProps {
-    /** Caption content rendered inside the label or legend element. */
-    children: React.ReactNode;
-    /** HTML element to render as — `label` for individual inputs, `legend` for fieldsets. */
-    as?: 'label' | 'legend';
-    /** Associates a `label` with an input by id. Ignored when `as` is `legend`. */
-    htmlFor?: string;
-    /** When false, appends a localized optional indicator after the caption. */
-    isRequired?: boolean;
-    /** Visually hides the caption while keeping it available to assistive technology. */
-    isVisuallyHidden?: boolean;
-    /** Additional class names appended to the root element. */
-    className?: string;
-}
-/** @internal */
-export declare const FieldCaption: React.FC<FieldCaptionProps>;
+export declare const FieldCaption: (props: FieldCaptionProps) => import("react").JSX.Element;

package/dist/src/components/Common/FieldCaption/FieldCaptionTypes.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+/**
+ * Props your `FieldCaption` implementation must accept from the component adapter.
+ * Renders the label or legend caption for a form control, including the optional/required indicator.
+ *
+ * @public
+ * @group Component props
+ */
+export interface FieldCaptionProps {
+    /** Caption content rendered inside the label or legend element. */
+    children: ReactNode;
+    /** HTML element to render as — `label` for individual inputs, `legend` for fieldsets. */
+    as?: 'label' | 'legend';
+    /** Associates a `label` with an input by id. Ignored when `as` is `legend`. */
+    htmlFor?: string;
+    /** When false, appends a localized optional indicator after the caption. */
+    isRequired?: boolean;
+    /** Visually hides the caption while keeping it available to assistive technology. */
+    isVisuallyHidden?: boolean;
+    /** Additional class names appended to the root element. */
+    className?: string;
+}

package/dist/src/components/Common/FieldCaption/index.d.ts

@@ -1 +1,2 @@
 export { FieldCaption } from './FieldCaption';
+export type { FieldCaptionProps } from './FieldCaptionTypes';

package/dist/src/components/Common/Flex/Flex.d.ts

@@ -2,6 +2,8 @@ import { Responsive, CustomPropertyValue } from '../../../helpers/responsive';
 /** @internal */
 export interface FlexProps {
     children: React.ReactNode;
+    /** CSS class name applied to the root element. */
+    className?: string;
     flexDirection?: Responsive<'row' | 'column'>;
     justifyContent?: Responsive<'space-between' | 'center' | 'flex-start' | 'flex-end' | 'space-around' | 'space-evenly' | 'normal'>;
     alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>;
@@ -9,7 +11,7 @@ export interface FlexProps {
     gap?: Responsive<CustomPropertyValue>;
 }
 /** @internal */
-export declare function Flex({ children, flexDirection, justifyContent, alignItems, flexWrap, gap, }: FlexProps): import("react").JSX.Element;
+export declare function Flex({ children, className, flexDirection, justifyContent, alignItems, flexWrap, gap, }: FlexProps): import("react").JSX.Element;
 /** @internal */
 export interface FlexItemProps {
     flexGrow?: number | 'initial';

package/dist/src/components/Common/UI/ComboBox/ComboBoxTypes.d.ts

@@ -64,7 +64,7 @@ export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAtt
     allowsCustomValue?: boolean;
     /**
      * Element to use as the portal container for the dropdown popover.
-     * Overrides the default SDK root container from context.
+     * Overrides the SDK's default portal root (a themed element appended to `document.body`).
      */
     portalContainer?: HTMLElement;
 }

package/dist/src/components/Common/UI/DatePicker/DatePickerTypes.d.ts

@@ -41,7 +41,8 @@ export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLA
      */
     placeholder?: string;
     /**
-     * Element to use as the portal container
+     * Element to use as the portal container for the popover.
+     * Overrides the SDK's default portal root (a themed element appended to `document.body`).
      */
     portalContainer?: HTMLElement;
     /**

package/dist/src/components/Common/UI/Menu/MenuTypes.d.ts

@@ -61,7 +61,7 @@ export interface MenuProps extends DataAttributes {
     'aria-label': string;
     /**
      * Element to use as the portal container for the menu popover.
-     * Overrides the default SDK root container from context.
+     * Overrides the SDK's default portal root (a themed element appended to `document.body`).
      */
     portalContainer?: HTMLElement;
     /**

package/dist/src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.d.ts

@@ -6,4 +6,4 @@ import { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes';
  * @returns The rendered multi-select combo box field.
  * @internal
  */
-export declare function MultiSelectComboBox({ className, description, errorMessage, id, inputRef: inputRefFromProps, isDisabled, isInvalid, isLoading, isRequired, label, name, onBlur, onChange, options, placeholder, value: selectedValues, shouldVisuallyHideLabel, }: MultiSelectComboBoxProps): import("react").JSX.Element;
+export declare function MultiSelectComboBox({ className, description, errorMessage, id, inputRef: inputRefFromProps, isDisabled, isInvalid, isLoading, isRequired, label, name, onBlur, onChange, options, placeholder, portalContainer, value: selectedValues, shouldVisuallyHideLabel, }: MultiSelectComboBoxProps): import("react").JSX.Element;

package/dist/src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes.d.ts

@@ -65,4 +65,9 @@ export interface MultiSelectComboBoxProps extends SharedFieldLayoutProps, Pick<I
      * Handler for blur events
      */
     onBlur?: () => void;
+    /**
+     * Element to use as the portal container for the dropdown popover.
+     * Overrides the SDK's default portal root (a themed element appended to `document.body`).
+     */
+    portalContainer?: HTMLElement;
 }

package/dist/src/components/Common/UI/Select/SelectTypes.d.ts

@@ -62,7 +62,8 @@ export interface SelectProps extends SharedFieldLayoutProps, Pick<SelectHTMLAttr
      */
     inputRef?: Ref<HTMLButtonElement>;
     /**
-     * Element to use as the portal container
+     * Element to use as the portal container for the popover.
+     * Overrides the SDK's default portal root (a themed element appended to `document.body`).
      */
     portalContainer?: HTMLElement;
 }

package/dist/src/components/Company/PaySchedule/PaySchedule.d.ts

@@ -7,7 +7,7 @@ import { RequireAtLeastOne } from '../../../types/Helpers';
  * @public
  */
 export type PayScheduleDefaultFields = {
-    [K in keyof Pick<PayScheduleFormData, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'>]: NonNullable<PayScheduleFormData[K]>;
+    [K in keyof Pick<PayScheduleFormData, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency' | 'workweekStartDay'>]: NonNullable<PayScheduleFormData[K]>;
 };
 /**
  * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule
@@ -26,6 +26,14 @@ export interface PayScheduleProps extends BaseComponentInterface<'Company.PaySch
     companyId: string;
     /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */
     defaultValues?: PayScheduleDefaultValues;
+    /**
+     * Renders the workweek start day field disabled while still submitting its current value,
+     * for partners that compute the workweek start day themselves and don't want end users
+     * editing it directly. Defaults to `false`.
+     *
+     * @alpha
+     */
+    disableWorkweekStartDayEditing?: boolean;
 }
 /**
  * Manages a company's pay schedules, including listing existing schedules and creating or editing one.
@@ -44,4 +52,4 @@ export interface PayScheduleProps extends BaseComponentInterface<'Company.PaySch
  * @returns The pay schedule list or form depending on whether any schedules exist.
  * @public
  */
-export declare const PaySchedule: ({ companyId, defaultValues, dictionary, ...props }: PayScheduleProps) => import("react").JSX.Element;
+export declare const PaySchedule: ({ companyId, defaultValues, disableWorkweekStartDayEditing, dictionary, ...props }: PayScheduleProps) => import("react").JSX.Element;

package/dist/src/components/Company/PaySchedule/PayScheduleComponents.d.ts

@@ -5,6 +5,7 @@ export interface PayScheduleContextInterface extends FlowContextInterface {
     companyId: string;
     payScheduleId?: string;
     defaultValues?: PayScheduleDefaultValues;
+    disableWorkweekStartDayEditing?: boolean;
     component: React.ComponentType | null;
 }
 /** @internal */

package/dist/src/components/Company/PaySchedule/shared/usePayScheduleForm/fields.d.ts

@@ -1,4 +1,4 @@
-import { PayScheduleErrorCodes, PayScheduleFrequency } from './payScheduleSchema';
+import { PayScheduleErrorCodes, PayScheduleFrequency, PayScheduleWorkweekStartDay } from './payScheduleSchema';
 import { TextInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/TextInputHookField';
 import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fields/SelectHookField';
 import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
@@ -81,3 +81,11 @@ export declare function Day1Field(props: Day1FieldProps): import("react").JSX.El
 export type Day2FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>;
 /** @internal */
 export declare function Day2Field(props: Day2FieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link usePayScheduleForm}'s `Fields.WorkweekStartDay` component.
+ *
+ * @alpha
+ */
+export type WorkweekStartDayFieldProps = HookFieldProps<SelectHookFieldProps<never, PayScheduleWorkweekStartDay>>;
+/** @internal */
+export declare function WorkweekStartDayField(props: WorkweekStartDayFieldProps): import("react").JSX.Element;

package/dist/src/components/Company/PaySchedule/shared/usePayScheduleForm/index.d.ts

@@ -1,4 +1,4 @@
 export { usePayScheduleForm } from './usePayScheduleForm';
 export type { PayScheduleOptionalFieldsToRequire, UsePayScheduleFormProps, UsePayScheduleFormResult, UsePayScheduleFormReady, PayScheduleFieldsMetadata, PayScheduleFormFields, } from './usePayScheduleForm';
-export { PayScheduleErrorCodes, type PayScheduleErrorCode, type PayScheduleFormData, type PayScheduleField, type PayScheduleFrequency, } from './payScheduleSchema';
-export type { RequiredValidation as PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, } from './fields';
+export { PayScheduleErrorCodes, type PayScheduleErrorCode, type PayScheduleFormData, type PayScheduleField, type PayScheduleFrequency, type PayScheduleWorkweekStartDay, } from './payScheduleSchema';
+export type { RequiredValidation as PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, WorkweekStartDayFieldProps, } from './fields';

package/dist/src/components/Company/PaySchedule/shared/usePayScheduleForm/payScheduleSchema.d.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { WorkweekStartDay } from '@gusto/embedded-api/models/components/payschedulecreaterequest';
 import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
 /**
  * Validation error codes emitted by {@link usePayScheduleForm} fields.
@@ -24,31 +25,37 @@ export type PayScheduleErrorCode = (typeof PayScheduleErrorCodes)[keyof typeof P
  * @public
  */
 export type PayScheduleFrequency = "Every other week" | "Every week" | "Monthly" | "Twice per month";
+/**
+ * Pay schedule workweek start day values accepted by {@link usePayScheduleForm}.
+ *
+ * @alpha
+ */
+export type PayScheduleWorkweekStartDay = WorkweekStartDay;
 /**
  * Union of field names managed by the pay schedule form.
  *
  * @public
  */
-export type PayScheduleField = "anchorEndOfPayPeriod" | "anchorPayDate" | "customName" | "customTwicePerMonth" | "day1" | "day2" | "frequency";
+export type PayScheduleField = "anchorEndOfPayPeriod" | "anchorPayDate" | "customName" | "customTwicePerMonth" | "day1" | "day2" | "frequency" | "workweekStartDay";
 /**
  * Shape of the values managed by the pay schedule form.
  *
  * @public
  * @interface
  */
-export type PayScheduleFormData = { customName: string; frequency: "Every other week" | "Every week" | "Monthly" | "Twice per month"; customTwicePerMonth: string; anchorPayDate: string | null; anchorEndOfPayPeriod: string | null; day1: number; day2: number; };
+export type PayScheduleFormData = { customName: string; frequency: "Every other week" | "Every week" | "Monthly" | "Twice per month"; customTwicePerMonth: string; anchorPayDate: string | null; anchorEndOfPayPeriod: string | null; day1: number; day2: number; workweekStartDay: "Sunday" | "Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday" | "Saturday" | null; };
 /** @internal */
 export type PayScheduleFormOutputs = PayScheduleFormData;
 /**
  * Configuration for promoting optional pay schedule fields to required in a given mode.
  *
  * @remarks
- * Only fields that are optional by default can be promoted. Currently
- * `customTwicePerMonth` is the only configurable field.
+ * Only fields that are optional by default can be promoted:
+ * `customTwicePerMonth`, `day1`, `day2`, and `workweekStartDay`.
  *
  * @public
  */
-export type PayScheduleOptionalFieldsToRequire = { create?: ("customTwicePerMonth" | "day1" | "day2")[] | undefined; update?: ("customTwicePerMonth" | "day1" | "day2")[] | undefined; };
+export type PayScheduleOptionalFieldsToRequire = { create?: ("customTwicePerMonth" | "day1" | "day2" | "workweekStartDay")[] | undefined; update?: ("customTwicePerMonth" | "day1" | "day2" | "workweekStartDay")[] | undefined; };
 /** @internal */
 interface PayScheduleSchemaOptions {
     mode?: 'create' | 'update';
@@ -68,5 +75,14 @@ export declare function createPayScheduleSchema(options?: PayScheduleSchemaOptio
     anchorEndOfPayPeriod: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
     day1: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
     day2: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    workweekStartDay: z.ZodNullable<z.ZodEnum<{
+        readonly Sunday: "Sunday";
+        readonly Monday: "Monday";
+        readonly Tuesday: "Tuesday";
+        readonly Wednesday: "Wednesday";
+        readonly Thursday: "Thursday";
+        readonly Friday: "Friday";
+        readonly Saturday: "Saturday";
+    }>>;
 }>;
 export {};

package/dist/src/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.d.ts

@@ -2,8 +2,9 @@ import { ComponentType } from 'react';
 import { UseFormProps } from 'react-hook-form';
 import { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow';
 import { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod';
+import { WorkweekStartDay } from '@gusto/embedded-api/models/components/payschedulecreaterequest';
 import { PayScheduleOptionalFieldsToRequire, PayScheduleFormData } from './payScheduleSchema';
-import { CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps } from './fields';
+import { CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, WorkweekStartDayFieldProps } from './fields';
 import { BaseFormHookReady, FieldMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
 export type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema';
 /**
@@ -30,6 +31,15 @@ export interface UsePayScheduleFormProps {
     validationMode?: UseFormProps['mode'];
     /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler` so submit-time focus is coordinated across multiple forms. Defaults to `true`. */
     shouldFocusError?: boolean;
+    /**
+     * Renders `Fields.WorkweekStartDay` disabled while still submitting its current value,
+     * for partners that compute the workweek start day themselves and don't want end users
+     * editing it directly. Defaults to `false`. Has no effect unless the `payrollRegularRateOfPay`
+     * unstable feature is enabled.
+     *
+     * @alpha
+     */
+    disableWorkweekStartDayEditing?: boolean;
 }
 /**
  * Pre-bound field components exposed on `usePayScheduleForm().form.Fields`.
@@ -56,6 +66,14 @@ export interface PayScheduleFormFields {
     Day1: ComponentType<Day1FieldProps> | undefined;
     /** Bound to `day2`. Last-pay-day-of-month number input. Available when frequency is `'Twice per month'` with `'custom'` strategy. */
     Day2: ComponentType<Day2FieldProps> | undefined;
+    /**
+     * Bound to `workweekStartDay`. Workweek start day selector, used for regular rate of pay
+     * overtime calculations. `undefined` unless the `payrollRegularRateOfPay` unstable feature
+     * is enabled.
+     *
+     * @alpha
+     */
+    WorkweekStartDay: ComponentType<WorkweekStartDayFieldProps> | undefined;
 }
 /**
  * Ready-state shape returned by {@link usePayScheduleForm} once data has loaded.
@@ -157,7 +175,7 @@ export interface UsePayScheduleFormReady extends BaseFormHookReady<PayScheduleFi
  * }
  * ```
  */
-export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady;
+export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, disableWorkweekStartDayEditing, }: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady;
 /**
  * Discriminated union returned by {@link usePayScheduleForm}.
  *
@@ -169,4 +187,4 @@ export type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormRea
  *
  * @public
  */
-export type PayScheduleFieldsMetadata = { customName: FieldMetadata; frequency: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every other week" | "Every week" | "Monthly" | "Twice per month">; customTwicePerMonth: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<string>; anchorPayDate: FieldMetadata; anchorEndOfPayPeriod: FieldMetadata; day1: FieldMetadata; day2: FieldMetadata; };
+export type PayScheduleFieldsMetadata = { customName: FieldMetadata; frequency: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every other week" | "Every week" | "Monthly" | "Twice per month">; customTwicePerMonth: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<string>; anchorPayDate: FieldMetadata; anchorEndOfPayPeriod: FieldMetadata; day1: FieldMetadata; day2: FieldMetadata; workweekStartDay: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<WorkweekStartDay>; };

package/dist/src/components/Contractor/ContractorList/management/ManagementContractorListView.d.ts

@@ -4,6 +4,8 @@ import { ContractorTab } from './ManagementContractorList';
 export interface ManagementContractorListViewProps extends Pick<Extract<UseContractorListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractors: ContractorWithActions[];
     isFetching: boolean;
     selectedTab: ContractorTab;
@@ -19,4 +21,4 @@ export interface ManagementContractorListViewProps extends Pick<Extract<UseContr
     onAddContractor: () => void;
 }
 /** @internal */
-export declare function ManagementContractorListView({ contractors, isFetching, selectedTab, onTabChange, status, pagination, onEdit, onView, onDismiss, onRehire, onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire, onAddContractor, }: ManagementContractorListViewProps): import("react").JSX.Element;
+export declare function ManagementContractorListView({ className, contractors, isFetching, selectedTab, onTabChange, status, pagination, onEdit, onView, onDismiss, onRehire, onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire, onAddContractor, }: ManagementContractorListViewProps): import("react").JSX.Element;

package/dist/src/components/Contractor/ContractorList/onboarding/ContractorListView.d.ts

@@ -3,6 +3,8 @@ import { UseContractorListResult, ContractorWithActions } from '../shared/useCon
 export interface ContractorListViewProps extends Pick<Extract<UseContractorListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractors: ContractorWithActions[];
     isFetching: boolean;
     successMessage?: string;
@@ -13,4 +15,4 @@ export interface ContractorListViewProps extends Pick<Extract<UseContractorListR
     onContinue: () => void;
 }
 /** @internal */
-export declare function ContractorListView({ contractors, isFetching, pagination, status, successMessage, onEdit, onDelete, onCancelSelfOnboarding, onAddContractor, onContinue, }: ContractorListViewProps): import("react").JSX.Element;
+export declare function ContractorListView({ className, contractors, isFetching, pagination, status, successMessage, onEdit, onDelete, onCancelSelfOnboarding, onAddContractor, onContinue, }: ContractorListViewProps): import("react").JSX.Element;