@gusto/embedded-react-sdk 0.48.1 → 0.48.3

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type React from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport { BannerDefaults } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { TableDefaults } from '@/components/Common/UI/Table/TableTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { DialogDefaults } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport { LoadingSpinnerDefaults } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport { FileInputDefaults } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport { BoxHeaderDefaults } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { DescriptionListDefaults } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\n\n/** @internal */\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: (props: TProps) => React.ReactElement | null) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n/** @internal */\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Banner: composeWithDefaults<BannerProps>(BannerDefaults, 'Banner'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Table: composeWithDefaults<TableProps>(TableDefaults, 'Table'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n  Dialog: composeWithDefaults<DialogProps>(DialogDefaults, 'Dialog'),\n  LoadingSpinner: composeWithDefaults<LoadingSpinnerProps>(\n    LoadingSpinnerDefaults,\n    'LoadingSpinner',\n  ),\n  FileInput: composeWithDefaults<FileInputProps>(FileInputDefaults, 'FileInput'),\n  BoxHeader: composeWithDefaults<BoxHeaderProps>(BoxHeaderDefaults, 'BoxHeader'),\n  DescriptionList: composeWithDefaults<DescriptionListProps>(\n    DescriptionListDefaults,\n    'DescriptionList',\n  ),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n *\n * @internal\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","BannerDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TableDefaults","TextDefaults","TextInputDefaults","DialogDefaults","LoadingSpinnerDefaults","FileInputDefaults","BoxHeaderDefaults","DescriptionListDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAAkE;AACxE,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,QAAQX,EAAiCY,GAAgB,QAAQ;AAAA,EACjE,YAAYZ,EAAqCa,GAAoB,YAAY;AAAA,EACjF,UAAUb,EAAmCc,GAAkB,UAAU;AAAA,EACzE,eAAed,EAAwCe,GAAuB,eAAe;AAAA,EAC7F,MAAMf,EAA+BgB,GAAc,MAAM;AAAA,EACzD,OAAOhB,EAAgCiB,GAAe,OAAO;AAAA,EAC7D,YAAYjB,EAAqCkB,GAAoB,YAAY;AAAA,EACjF,QAAQlB,EAAiCmB,GAAgB,QAAQ;AAAA,EACjE,OAAOnB,EAAgCoB,GAAe,OAAO;AAAA,EAC7D,MAAMpB,EAA+BqB,GAAc,MAAM;AAAA,EACzD,WAAWrB,EAAoCsB,GAAmB,WAAW;AAAA,EAC7E,QAAQtB,EAAiCuB,GAAgB,QAAQ;AAAA,EACjE,gBAAgBvB;AAAA,IACdwB;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,WAAWxB,EAAoCyB,GAAmB,WAAW;AAAA,EAC7E,WAAWzB,EAAoC0B,GAAmB,WAAW;AAAA,EAC7E,iBAAiB1B;AAAA,IACf2B;AAAA,IACA;AAAA,EAAA;AAEJ;AAQO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAAC7B,GAAe8B,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqB/B;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAM0B,IAAU1B,EADGN,CACyB;AAE5C,MAAA4B,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}
+{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type { FunctionComponent } from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport { BannerDefaults } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { TableDefaults } from '@/components/Common/UI/Table/TableTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { DialogDefaults } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport { LoadingSpinnerDefaults } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport { FileInputDefaults } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport { BoxHeaderDefaults } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { DescriptionListDefaults } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\n\n/** @internal */\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: FunctionComponent<TProps>) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n/** @internal */\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Banner: composeWithDefaults<BannerProps>(BannerDefaults, 'Banner'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Table: composeWithDefaults<TableProps>(TableDefaults, 'Table'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n  Dialog: composeWithDefaults<DialogProps>(DialogDefaults, 'Dialog'),\n  LoadingSpinner: composeWithDefaults<LoadingSpinnerProps>(\n    LoadingSpinnerDefaults,\n    'LoadingSpinner',\n  ),\n  FileInput: composeWithDefaults<FileInputProps>(FileInputDefaults, 'FileInput'),\n  BoxHeader: composeWithDefaults<BoxHeaderProps>(BoxHeaderDefaults, 'BoxHeader'),\n  DescriptionList: composeWithDefaults<DescriptionListProps>(\n    DescriptionListDefaults,\n    'DescriptionList',\n  ),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n *\n * @internal\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","BannerDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TableDefaults","TextDefaults","TextInputDefaults","DialogDefaults","LoadingSpinnerDefaults","FileInputDefaults","BoxHeaderDefaults","DescriptionListDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAA+C;AACrD,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,QAAQX,EAAiCY,GAAgB,QAAQ;AAAA,EACjE,YAAYZ,EAAqCa,GAAoB,YAAY;AAAA,EACjF,UAAUb,EAAmCc,GAAkB,UAAU;AAAA,EACzE,eAAed,EAAwCe,GAAuB,eAAe;AAAA,EAC7F,MAAMf,EAA+BgB,GAAc,MAAM;AAAA,EACzD,OAAOhB,EAAgCiB,GAAe,OAAO;AAAA,EAC7D,YAAYjB,EAAqCkB,GAAoB,YAAY;AAAA,EACjF,QAAQlB,EAAiCmB,GAAgB,QAAQ;AAAA,EACjE,OAAOnB,EAAgCoB,GAAe,OAAO;AAAA,EAC7D,MAAMpB,EAA+BqB,GAAc,MAAM;AAAA,EACzD,WAAWrB,EAAoCsB,GAAmB,WAAW;AAAA,EAC7E,QAAQtB,EAAiCuB,GAAgB,QAAQ;AAAA,EACjE,gBAAgBvB;AAAA,IACdwB;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,WAAWxB,EAAoCyB,GAAmB,WAAW;AAAA,EAC7E,WAAWzB,EAAoC0B,GAAmB,WAAW;AAAA,EAC7E,iBAAiB1B;AAAA,IACf2B;AAAA,IACA;AAAA,EAAA;AAEJ;AAQO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAAC7B,GAAe8B,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqB/B;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAM0B,IAAU1B,EADGN,CACyB;AAE5C,MAAA4B,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}

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

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import { FunctionComponent } from 'react';
 import { TextInputProps } from '../../components/Common/UI/TextInput/TextInputTypes';
 import { TextAreaProps } from '../../components/Common/UI/TextArea/TextAreaTypes';
 import { NumberInputProps } from '../../components/Common/UI/NumberInput/NumberInputTypes';
@@ -40,11 +40,11 @@ import { PayrollLoadingProps } from '../../components/Common/PayrollLoading/Payr
  * 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.
  *
- * Pass a `Partial<ComponentsContextType>` to `GustoProvider` via the `components` prop to
+ * Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to
  * replace specific components while keeping SDK defaults for the rest.
  *
  * To take full control of every UI component (and eliminate the React Aria dependency),
- * pass a complete `ComponentsContextType` to `GustoProviderCustomUIAdapter` instead.
+ * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.
  * All properties are then required except `PaginationControl` and `PayrollLoading`,
  * which fall back to built-in SDK implementations when omitted.
  *
@@ -93,83 +93,83 @@ import { PayrollLoadingProps } from '../../components/Common/PayrollLoading/Payr
  */
 export interface ComponentsContextType {
     /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */
-    Alert: (props: AlertProps) => JSX.Element | null;
+    Alert: FunctionComponent<AlertProps>;
     /** Small inline label for status, counts, or tags; optionally dismissible. */
-    Badge: (props: BadgeProps) => JSX.Element | null;
+    Badge: FunctionComponent<BadgeProps>;
     /** Full-width notification banner for prominent warnings and errors. */
-    Banner: (props: BannerProps) => JSX.Element | null;
+    Banner: FunctionComponent<BannerProps>;
     /** HTML `<button>` with primary, secondary, tertiary, and error variants. */
-    Button: (props: ButtonProps) => JSX.Element | null;
+    Button: FunctionComponent<ButtonProps>;
     /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */
-    ButtonIcon: (props: ButtonIconProps) => JSX.Element | null;
+    ButtonIcon: FunctionComponent<ButtonIconProps>;
     /** Sectioned layout container with distinct header, body, and footer areas. */
-    Box: (props: BoxProps) => JSX.Element | null;
+    Box: FunctionComponent<BoxProps>;
     /** Header section of a Box with a title, optional description, and optional inline action. */
-    BoxHeader: (props: BoxHeaderProps) => JSX.Element | null;
+    BoxHeader: FunctionComponent<BoxHeaderProps>;
     /** Read-only calendar for visualizing a date range with optional highlighted dates. */
-    CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null;
+    CalendarPreview: FunctionComponent<CalendarPreviewProps>;
     /** Content container with an optional overflow menu and a leading action slot. */
-    Card: (props: CardProps) => JSX.Element | null;
+    Card: FunctionComponent<CardProps>;
     /** Form field wrapping a single `<input type="checkbox" />`. */
-    Checkbox: (props: CheckboxProps) => JSX.Element | null;
+    Checkbox: FunctionComponent<CheckboxProps>;
     /** Form field grouping `<input type="checkbox" />` elements for multi-option selection. */
-    CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element | null;
+    CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
     /** Form field wrapping a typeahead `<input />` for single-option selection. */
-    ComboBox: (props: ComboBoxProps) => JSX.Element | null;
+    ComboBox: FunctionComponent<ComboBoxProps>;
     /** Form field wrapping an `<input type="date" />` with a calendar picker popover. */
-    DatePicker: (props: DatePickerProps) => JSX.Element | null;
+    DatePicker: FunctionComponent<DatePickerProps>;
     /** Form field wrapping paired `<input type="date" />` elements for a date range. */
-    DateRangePicker: (props: DateRangePickerProps) => JSX.Element | null;
+    DateRangePicker: FunctionComponent<DateRangePickerProps>;
     /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */
-    DescriptionList: (props: DescriptionListProps) => JSX.Element | null;
+    DescriptionList: FunctionComponent<DescriptionListProps>;
     /** Modal confirmation dialog with a primary action and a cancel action. */
-    Dialog: (props: DialogProps) => JSX.Element | null;
+    Dialog: FunctionComponent<DialogProps>;
     /** Form field wrapping an `<input type="file" />`. */
-    FileInput: (props: FileInputProps) => JSX.Element | null;
+    FileInput: FunctionComponent<FileInputProps>;
     /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */
-    Heading: (props: HeadingProps) => JSX.Element | null;
+    Heading: FunctionComponent<HeadingProps>;
     /** HTML `<a>` for inline navigation. */
-    Link: (props: LinkProps) => JSX.Element | null;
+    Link: FunctionComponent<LinkProps>;
     /** Spinner shown while data or an action is pending. */
-    LoadingSpinner: (props: LoadingSpinnerProps) => JSX.Element | null;
+    LoadingSpinner: FunctionComponent<LoadingSpinnerProps>;
     /** Popover menu of actions anchored to a trigger element. */
-    Menu: (props: MenuProps) => JSX.Element | null;
+    Menu: FunctionComponent<MenuProps>;
     /** Overlay modal with customizable body content and footer. */
-    Modal: (props: ModalProps) => JSX.Element | null;
+    Modal: FunctionComponent<ModalProps>;
     /** Form field wrapping a typeahead `<input />` for multi-option selection. */
-    MultiSelectComboBox: (props: MultiSelectComboBoxProps) => JSX.Element | null;
+    MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>;
     /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */
-    NumberInput: (props: NumberInputProps) => JSX.Element | null;
+    NumberInput: FunctionComponent<NumberInputProps>;
     /** HTML `<ol>` for a numbered list of items. */
-    OrderedList: (props: OrderedListProps) => JSX.Element | null;
+    OrderedList: FunctionComponent<OrderedListProps>;
     /** Step-based progress indicator for multi-step flows. */
-    ProgressBar: (props: ProgressBarProps) => JSX.Element | null;
+    ProgressBar: FunctionComponent<ProgressBarProps>;
     /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */
-    Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element | null;
+    Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
     /** Form field wrapping a single `<input type="radio" />`. */
-    Radio: (props: RadioProps) => JSX.Element | null;
+    Radio: FunctionComponent<RadioProps>;
     /** Form field grouping `<input type="radio" />` elements for single-option selection. */
-    RadioGroup: (props: RadioGroupProps) => JSX.Element | null;
+    RadioGroup: FunctionComponent<RadioGroupProps>;
     /** Form field wrapping a single-select dropdown. */
-    Select: (props: SelectProps) => JSX.Element | null;
+    Select: FunctionComponent<SelectProps>;
     /** Form field wrapping an `<input type="checkbox" />` styled as a toggle. */
-    Switch: (props: SwitchProps) => JSX.Element | null;
+    Switch: FunctionComponent<SwitchProps>;
     /** Tabbed navigation with associated content panels. */
-    Tabs: (props: TabsProps) => JSX.Element | null;
+    Tabs: FunctionComponent<TabsProps>;
     /** Tabular data display with headers, rows, optional footer, and empty state. */
-    Table: (props: TableProps) => JSX.Element | null;
+    Table: FunctionComponent<TableProps>;
     /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */
-    Text: (props: TextProps) => JSX.Element | null;
+    Text: FunctionComponent<TextProps>;
     /** Form field wrapping an `<input />`. */
-    TextInput: (props: TextInputProps) => JSX.Element | null;
+    TextInput: FunctionComponent<TextInputProps>;
     /** Form field wrapping a `<textarea>`. */
-    TextArea: (props: TextAreaProps) => JSX.Element | null;
+    TextArea: FunctionComponent<TextAreaProps>;
     /** HTML `<ul>` for an unordered list of items. */
-    UnorderedList: (props: UnorderedListProps) => JSX.Element | null;
+    UnorderedList: FunctionComponent<UnorderedListProps>;
     /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */
-    PaginationControl?: (props: PaginationControlProps) => JSX.Element | null;
+    PaginationControl?: FunctionComponent<PaginationControlProps>;
     /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */
-    PayrollLoading?: (props: PayrollLoadingProps) => JSX.Element | null;
+    PayrollLoading?: FunctionComponent<PayrollLoadingProps>;
 }
 /** @internal */
 export declare const ComponentsContext: import('react').Context<ComponentsContextType | null>;

package/dist/contexts/ComponentAdapter/useComponentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { JSX } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\n\n/**\n * Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n *\n * Pass a `Partial<ComponentsContextType>` to `GustoProvider` via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n *\n * To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete `ComponentsContextType` to `GustoProviderCustomUIAdapter` instead.\n * All properties are then required except `PaginationControl` and `PayrollLoading`,\n * which fall back to built-in SDK implementations when omitted.\n *\n * @public\n *\n * @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n *\n * function App() {\n *   return (\n *     <GustoProvider\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={{\n *         Button: MyButton,\n *         TextInput: MyTextInput,\n *       }}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProvider>\n *   )\n * }\n * ```\n *\n * @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n *\n * const myComponents: ComponentsContextType = {\n *   Alert: props => <MyAlert {...props} />,\n *   Button: props => <MyButton {...props} />,\n *   // ... all required components\n * }\n *\n * function App() {\n *   return (\n *     <GustoProviderCustomUIAdapter\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={myComponents}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProviderCustomUIAdapter>\n *   )\n * }\n * ```\n */\nexport interface ComponentsContextType {\n  /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */\n  Alert: (props: AlertProps) => JSX.Element | null\n  /** Small inline label for status, counts, or tags; optionally dismissible. */\n  Badge: (props: BadgeProps) => JSX.Element | null\n  /** Full-width notification banner for prominent warnings and errors. */\n  Banner: (props: BannerProps) => JSX.Element | null\n  /** HTML `<button>` with primary, secondary, tertiary, and error variants. */\n  Button: (props: ButtonProps) => JSX.Element | null\n  /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */\n  ButtonIcon: (props: ButtonIconProps) => JSX.Element | null\n  /** Sectioned layout container with distinct header, body, and footer areas. */\n  Box: (props: BoxProps) => JSX.Element | null\n  /** Header section of a Box with a title, optional description, and optional inline action. */\n  BoxHeader: (props: BoxHeaderProps) => JSX.Element | null\n  /** Read-only calendar for visualizing a date range with optional highlighted dates. */\n  CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null\n  /** Content container with an optional overflow menu and a leading action slot. */\n  Card: (props: CardProps) => JSX.Element | null\n  /** Form field wrapping a single `<input type=\"checkbox\" />`. */\n  Checkbox: (props: CheckboxProps) => JSX.Element | null\n  /** Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. */\n  CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element | null\n  /** Form field wrapping a typeahead `<input />` for single-option selection. */\n  ComboBox: (props: ComboBoxProps) => JSX.Element | null\n  /** Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. */\n  DatePicker: (props: DatePickerProps) => JSX.Element | null\n  /** Form field wrapping paired `<input type=\"date\" />` elements for a date range. */\n  DateRangePicker: (props: DateRangePickerProps) => JSX.Element | null\n  /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */\n  DescriptionList: (props: DescriptionListProps) => JSX.Element | null\n  /** Modal confirmation dialog with a primary action and a cancel action. */\n  Dialog: (props: DialogProps) => JSX.Element | null\n  /** Form field wrapping an `<input type=\"file\" />`. */\n  FileInput: (props: FileInputProps) => JSX.Element | null\n  /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */\n  Heading: (props: HeadingProps) => JSX.Element | null\n  /** HTML `<a>` for inline navigation. */\n  Link: (props: LinkProps) => JSX.Element | null\n  /** Spinner shown while data or an action is pending. */\n  LoadingSpinner: (props: LoadingSpinnerProps) => JSX.Element | null\n  /** Popover menu of actions anchored to a trigger element. */\n  Menu: (props: MenuProps) => JSX.Element | null\n  /** Overlay modal with customizable body content and footer. */\n  Modal: (props: ModalProps) => JSX.Element | null\n  /** Form field wrapping a typeahead `<input />` for multi-option selection. */\n  MultiSelectComboBox: (props: MultiSelectComboBoxProps) => JSX.Element | null\n  /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */\n  NumberInput: (props: NumberInputProps) => JSX.Element | null\n  /** HTML `<ol>` for a numbered list of items. */\n  OrderedList: (props: OrderedListProps) => JSX.Element | null\n  /** Step-based progress indicator for multi-step flows. */\n  ProgressBar: (props: ProgressBarProps) => JSX.Element | null\n  /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */\n  Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element | null\n  /** Form field wrapping a single `<input type=\"radio\" />`. */\n  Radio: (props: RadioProps) => JSX.Element | null\n  /** Form field grouping `<input type=\"radio\" />` elements for single-option selection. */\n  RadioGroup: (props: RadioGroupProps) => JSX.Element | null\n  /** Form field wrapping a single-select dropdown. */\n  Select: (props: SelectProps) => JSX.Element | null\n  /** Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. */\n  Switch: (props: SwitchProps) => JSX.Element | null\n  /** Tabbed navigation with associated content panels. */\n  Tabs: (props: TabsProps) => JSX.Element | null\n  /** Tabular data display with headers, rows, optional footer, and empty state. */\n  Table: (props: TableProps) => JSX.Element | null\n  /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */\n  Text: (props: TextProps) => JSX.Element | null\n  /** Form field wrapping an `<input />`. */\n  TextInput: (props: TextInputProps) => JSX.Element | null\n  /** Form field wrapping a `<textarea>`. */\n  TextArea: (props: TextAreaProps) => JSX.Element | null\n  /** HTML `<ul>` for an unordered list of items. */\n  UnorderedList: (props: UnorderedListProps) => JSX.Element | null\n\n  /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */\n  PaginationControl?: (props: PaginationControlProps) => JSX.Element | null\n  /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */\n  PayrollLoading?: (props: PayrollLoadingProps) => JSX.Element | null\n}\n\n/** @internal */\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\n/** @internal */\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AAkLO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}
+{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\n\n/**\n * Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n *\n * Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n *\n * To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl` and `PayrollLoading`,\n * which fall back to built-in SDK implementations when omitted.\n *\n * @public\n *\n * @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n *\n * function App() {\n *   return (\n *     <GustoProvider\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={{\n *         Button: MyButton,\n *         TextInput: MyTextInput,\n *       }}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProvider>\n *   )\n * }\n * ```\n *\n * @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n *\n * const myComponents: ComponentsContextType = {\n *   Alert: props => <MyAlert {...props} />,\n *   Button: props => <MyButton {...props} />,\n *   // ... all required components\n * }\n *\n * function App() {\n *   return (\n *     <GustoProviderCustomUIAdapter\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={myComponents}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProviderCustomUIAdapter>\n *   )\n * }\n * ```\n */\nexport interface ComponentsContextType {\n  /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */\n  Alert: FunctionComponent<AlertProps>\n  /** Small inline label for status, counts, or tags; optionally dismissible. */\n  Badge: FunctionComponent<BadgeProps>\n  /** Full-width notification banner for prominent warnings and errors. */\n  Banner: FunctionComponent<BannerProps>\n  /** HTML `<button>` with primary, secondary, tertiary, and error variants. */\n  Button: FunctionComponent<ButtonProps>\n  /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */\n  ButtonIcon: FunctionComponent<ButtonIconProps>\n  /** Sectioned layout container with distinct header, body, and footer areas. */\n  Box: FunctionComponent<BoxProps>\n  /** Header section of a Box with a title, optional description, and optional inline action. */\n  BoxHeader: FunctionComponent<BoxHeaderProps>\n  /** Read-only calendar for visualizing a date range with optional highlighted dates. */\n  CalendarPreview: FunctionComponent<CalendarPreviewProps>\n  /** Content container with an optional overflow menu and a leading action slot. */\n  Card: FunctionComponent<CardProps>\n  /** Form field wrapping a single `<input type=\"checkbox\" />`. */\n  Checkbox: FunctionComponent<CheckboxProps>\n  /** Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. */\n  CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n  /** Form field wrapping a typeahead `<input />` for single-option selection. */\n  ComboBox: FunctionComponent<ComboBoxProps>\n  /** Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. */\n  DatePicker: FunctionComponent<DatePickerProps>\n  /** Form field wrapping paired `<input type=\"date\" />` elements for a date range. */\n  DateRangePicker: FunctionComponent<DateRangePickerProps>\n  /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */\n  DescriptionList: FunctionComponent<DescriptionListProps>\n  /** Modal confirmation dialog with a primary action and a cancel action. */\n  Dialog: FunctionComponent<DialogProps>\n  /** Form field wrapping an `<input type=\"file\" />`. */\n  FileInput: FunctionComponent<FileInputProps>\n  /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */\n  Heading: FunctionComponent<HeadingProps>\n  /** HTML `<a>` for inline navigation. */\n  Link: FunctionComponent<LinkProps>\n  /** Spinner shown while data or an action is pending. */\n  LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n  /** Popover menu of actions anchored to a trigger element. */\n  Menu: FunctionComponent<MenuProps>\n  /** Overlay modal with customizable body content and footer. */\n  Modal: FunctionComponent<ModalProps>\n  /** Form field wrapping a typeahead `<input />` for multi-option selection. */\n  MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n  /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */\n  NumberInput: FunctionComponent<NumberInputProps>\n  /** HTML `<ol>` for a numbered list of items. */\n  OrderedList: FunctionComponent<OrderedListProps>\n  /** Step-based progress indicator for multi-step flows. */\n  ProgressBar: FunctionComponent<ProgressBarProps>\n  /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */\n  Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n  /** Form field wrapping a single `<input type=\"radio\" />`. */\n  Radio: FunctionComponent<RadioProps>\n  /** Form field grouping `<input type=\"radio\" />` elements for single-option selection. */\n  RadioGroup: FunctionComponent<RadioGroupProps>\n  /** Form field wrapping a single-select dropdown. */\n  Select: FunctionComponent<SelectProps>\n  /** Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. */\n  Switch: FunctionComponent<SwitchProps>\n  /** Tabbed navigation with associated content panels. */\n  Tabs: FunctionComponent<TabsProps>\n  /** Tabular data display with headers, rows, optional footer, and empty state. */\n  Table: FunctionComponent<TableProps>\n  /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */\n  Text: FunctionComponent<TextProps>\n  /** Form field wrapping an `<input />`. */\n  TextInput: FunctionComponent<TextInputProps>\n  /** Form field wrapping a `<textarea>`. */\n  TextArea: FunctionComponent<TextAreaProps>\n  /** HTML `<ul>` for an unordered list of items. */\n  UnorderedList: FunctionComponent<UnorderedListProps>\n\n  /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */\n  PaginationControl?: FunctionComponent<PaginationControlProps>\n  /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */\n  PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n}\n\n/** @internal */\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\n/** @internal */\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AAkLO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import "./types/i18next.d.ts"
 export * from './components';
 export * from './contexts';
-export { componentEvents, EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses, ContractorOnboardingStatus, ContractorSelfOnboardingStatuses, PAY_PERIODS, } from './shared/constants';
+export { componentEvents, EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses, ContractorOnboardingStatus, ContractorSelfOnboardingStatuses, PAY_PERIODS, I9_FORM_NAME, } from './shared/constants';
 export type { EventType } from './shared/constants';
 export type { BeforeCreateRequestHook, BeforeRequestHook, AfterSuccessHook, AfterErrorHook, BeforeCreateRequestContext, BeforeRequestContext, AfterSuccessContext, AfterErrorContext, SDKHooks, } from './types/hooks';
 export type { SDKError, SDKErrorCategory, SDKFieldError } from './types/sdkError';
@@ -38,7 +38,7 @@ export { useSignEmployeeForm, SignEmployeeFormErrorCodes, createSignEmployeeForm
 export type { UseSignEmployeeFormProps, UseSignEmployeeFormResult, UseSignEmployeeFormReady, SignEmployeeFormFieldComponents, SignEmployeeFormFieldsMetadata, SignEmployeeFormFields, PreparerFieldGroup, SignEmployeeFormErrorCode, SignEmployeeFormData, SignEmployeeFormOutputs, SignEmployeeFormField, PreparerIndex, PreparerFieldSuffix, SignEmployeeFormRequiredValidation, SignatureFieldProps as SignEmployeeFormSignatureFieldProps, ConfirmSignatureFieldProps as SignEmployeeFormConfirmSignatureFieldProps, UsedPreparerFieldProps, PreparerTextFieldProps, PreparerSelectFieldProps, PreparerCheckboxFieldProps, } from './components/Employee/Documents/shared/useSignEmployeeForm';
 export { useEmployeeList } from './components/Employee/EmployeeList/shared';
 export type { UseEmployeeListProps, UseEmployeeListResult, UseEmployeeListReady, EmployeeType, EmployeeAction, EmployeeWithActions, } from './components/Employee/EmployeeList/shared';
-export { usePayScheduleForm, PayScheduleErrorCodes, createPayScheduleSchema, } from './components/Company/PaySchedule/shared/usePayScheduleForm';
-export type { PayScheduleOptionalFieldsToRequire, UsePayScheduleFormProps, UsePayScheduleFormResult, UsePayScheduleFormReady, PayScheduleFieldsMetadata, PayScheduleFormFields, PayScheduleErrorCode, PayScheduleFormData, PayScheduleFormOutputs, PayScheduleField, PayScheduleFrequency, PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, } from './components/Company/PaySchedule/shared/usePayScheduleForm';
+export { usePayScheduleForm, PayScheduleErrorCodes, createPayScheduleSchema, CustomNameField, FrequencyField, CustomTwicePerMonthField, AnchorPayDateField, AnchorEndOfPayPeriodField, Day1Field, Day2Field, } from './components/Company/PaySchedule/shared/usePayScheduleForm';
+export type { PayScheduleOptionalFieldsToRequire, UsePayScheduleFormProps, UsePayScheduleFormResult, UsePayScheduleFormReady, PayScheduleFieldsMetadata, PayScheduleFormFields, PayScheduleFields, PayScheduleErrorCode, PayScheduleFormData, PayScheduleFormOutputs, PayScheduleField, PayScheduleFrequency, PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, } from './components/Company/PaySchedule/shared/usePayScheduleForm';
 export { useSignCompanyForm, SignCompanyFormErrorCodes, createSignCompanyFormSchema, } from './components/Company/DocumentSigner/shared/useSignCompanyForm';
 export type { SignCompanyFormOptionalFieldsToRequire, UseSignCompanyFormProps, UseSignCompanyFormResult, UseSignCompanyFormReady, SignCompanyFormFieldsMetadata, SignCompanyFormFields, SignCompanyFormErrorCode, SignCompanyFormData, SignCompanyFormOutputs, SignCompanyFormField, SignCompanyFormRequiredValidation, SignatureFieldProps, ConfirmSignatureFieldProps, } from './components/Company/DocumentSigner/shared/useSignCompanyForm';