@spscommerce/ds-react 6.37.2 → 7.0.0

package/lib/advanced-search/SpsAdvancedSearch.d.ts

@@ -1,22 +1,10 @@
 import * as React from "react";
-import type { SpsFormSetMeta } from "../form/hooks/useSpsForm";
-import type { SpsFormArray } from "../form/hooks/formArray";
-import type { SpsFormGroup } from "../form/hooks/formGroup";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    controlsDisabled: PropTypes.Requireable<boolean>;
-    footerLinks: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    formArray: PropTypes.Requireable<SpsFormArray<any>>;
-    formGroup: PropTypes.Requireable<SpsFormGroup>;
-    formMeta: PropTypes.Requireable<SpsFormSetMeta<any, import("../form/hooks/useSpsForm").InferredSpsFormMetaSetMembers<any>>>;
-    isOpen: PropTypes.Requireable<boolean>;
-    onClear: PropTypes.Requireable<() => void>;
-    onSubmit: PropTypes.Requireable<React.FormEventHandler<Element>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsAdvancedSearchProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsFormProps } from "../form/SpsForm";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsAdvancedSearchProps = React.PropsWithChildren<SpsGlobalPropTypes & SpsFormProps & {
+    controlsDisabled?: boolean;
+    footerLinks?: React.ReactNode | (() => React.ReactNode);
+    isOpen?: boolean;
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsAdvancedSearch(props: SpsAdvancedSearchProps): JSX.Element;
-export {};

package/lib/autocomplete/SpsAutocomplete.d.ts

@@ -1,30 +1,24 @@
-import { SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsIcon } from "@spscommerce/ds-shared";
 import type { Eventually } from "@spscommerce/utils";
 import * as React from "react";
 import type { SpsFormControl } from "../form/hooks/formControl";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    debounce: PropTypes.Requireable<number>;
-    disabled: PropTypes.Requireable<boolean>;
-    formControl: PropTypes.Requireable<SpsFormControl<string>>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<string>>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    placeholder: PropTypes.Requireable<string>;
-    suggestions: PropTypes.Validator<string[] | Promise<string[]> | ((filter?: string) => Eventually<string[]>)>;
-    tallOptionList: PropTypes.Requireable<boolean>;
-    value: PropTypes.Requireable<string>;
-    zeroState: PropTypes.Requireable<string>;
-    loading: PropTypes.Requireable<boolean>;
-    maxHeightOptionListPx: PropTypes.Requireable<number>;
-    maxHeightOptionListRem: PropTypes.Requireable<number>;
-    disableOptionsMemoization: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsAutocompleteProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsAutocompleteProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    debounce?: number;
+    disabled?: boolean;
+    formControl?: SpsFormControl<string>;
+    formMeta?: SpsFormFieldMeta<string>;
+    icon?: SpsIcon;
+    onChange?: React.ChangeEventHandler;
+    placeholder?: string;
+    suggestions: string[] | Promise<string[]> | ((filter?: string) => Eventually<string[]>);
+    tallOptionList?: boolean;
+    value?: string;
+    zeroState?: string;
+    loading?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    disableOptionsMemoization?: boolean;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsAutocomplete({ className, debounce, disabled, formControl, formMeta, onChange, icon, id, placeholder, suggestions, unsafelyReplaceClassName, tallOptionList, value, zeroState, loading, maxHeightOptionListPx, maxHeightOptionListRem, disableOptionsMemoization, "data-testid": testId, ...rest }: SpsAutocompleteProps): JSX.Element;
-export {};

package/lib/button/SpsButton.d.ts

@@ -1,18 +1,14 @@
-import { ButtonKind, ButtonType, SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    href: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    kind: PropTypes.Requireable<ButtonKind>;
-    spinning: PropTypes.Requireable<boolean>;
-    spinningTitle: PropTypes.Requireable<string>;
-    type: PropTypes.Requireable<ButtonType>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsButtonProps = PropTypes.InferTS<typeof propTypes, HTMLButtonElement | HTMLAnchorElement>;
+import { ButtonKind, ButtonType } from "@spscommerce/ds-shared";
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    href?: string;
+    icon?: SpsIcon;
+    kind?: ButtonKind;
+    spinning?: boolean;
+    spinningTitle?: string;
+    type?: ButtonType;
+}> & React.HTMLProps<HTMLButtonElement | HTMLAnchorElement>;
 export declare function SpsButton(props: SpsButtonProps): JSX.Element;
-export {};

package/lib/button/SpsButtonGroup.d.ts

@@ -1,10 +1,4 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsButtonGroupProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsButtonGroupProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsButtonGroup(props: SpsButtonGroupProps): JSX.Element;
-export {};

package/lib/button/SpsIconButtonPanel.d.ts

@@ -1,10 +1,4 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsIconButtonPanelProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsIconButtonPanelProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsIconButtonPanel({ children, className, ...rest }: SpsIconButtonPanelProps): JSX.Element;
-export {};

package/lib/card/SpsCard.d.ts

@@ -1,16 +1,11 @@
 import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    activeTab: PropTypes.Requireable<string>;
-    footer: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    headerContent: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    headerIcon: PropTypes.Requireable<SpsIcon>;
-    headerTitle: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsCardProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from 'react';
+import type { SpsGlobalPropTypes } from '../prop-types';
+export declare type SpsCardProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activeTab?: string;
+    footer?: React.ReactNode | (() => React.ReactNode);
+    headerContent?: React.ReactNode | (() => React.ReactNode);
+    headerIcon?: SpsIcon;
+    headerTitle?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsCard(props: SpsCardProps): JSX.Element;
-export {};

package/lib/card/SpsCardHeader.d.ts

@@ -1,14 +1,9 @@
-import { SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    title: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsCardHeaderProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsCardHeaderProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    content?: React.ReactNode;
+    icon?: SpsIcon;
+    title?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsCardHeader(props: SpsCardHeaderProps): JSX.Element;
-export {};

package/lib/card/SpsCardTabbedPane.d.ts

@@ -1,19 +1,15 @@
-import { SpsIcon, TagKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    activateTab: PropTypes.Requireable<(...args: any[]) => any>;
-    active: PropTypes.Requireable<boolean>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    label: PropTypes.Requireable<string>;
-    index: PropTypes.Requireable<number>;
-    tag: PropTypes.Requireable<string>;
-    tagKind: PropTypes.Requireable<TagKind>;
-    tagIcon: PropTypes.Requireable<SpsIcon>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsCardTabbedPaneProps = PropTypes.InferTS<typeof propTypes, HTMLAnchorElement>;
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import { TagKind } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsCardTabbedPaneProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activateTab?: (target: HTMLAnchorElement, index: number, children: React.ReactNode) => void;
+    active?: boolean;
+    icon?: SpsIcon;
+    label?: string;
+    index?: number;
+    tag?: string;
+    tagKind?: TagKind;
+    tagIcon?: SpsIcon;
+}> & React.HTMLAttributes<HTMLAnchorElement>;
 export declare function SpsCardTabbedPane(props: SpsCardTabbedPaneProps): JSX.Element;
-export {};

package/lib/card/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./SpsCard";
 export * from "./SpsCardTabbedPane";
-export * from "./SpsCard.examples";

package/lib/checkbox/SpsCheckbox.d.ts

@@ -1,21 +1,16 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormControl } from "../form/hooks/formControl";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    checked: PropTypes.Requireable<boolean>;
-    disabled: PropTypes.Requireable<boolean>;
-    formControl: PropTypes.Requireable<SpsFormControl<boolean>>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<boolean>>;
-    indeterminate: PropTypes.Requireable<boolean>;
-    inline: PropTypes.Requireable<boolean>;
-    label: PropTypes.Requireable<string>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsCheckboxProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare type SpsCheckboxProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    checked?: boolean;
+    disabled?: boolean;
+    formControl?: SpsFormControl<boolean>;
+    formMeta?: SpsFormFieldMeta<boolean>;
+    indeterminate?: boolean;
+    inline?: boolean;
+    label?: string;
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsCheckbox({ checked: checkedProp, className, disabled, formControl, formMeta, id, indeterminate: indeterminateProp, inline, label, onChange, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsCheckboxProps): JSX.Element;
-export {};

package/lib/checkbox-dropdown/SpsCheckboxDropdown.d.ts

@@ -1,17 +1,9 @@
-import type { SpsActionMethod, SpsActionDescriptor } from "@spscommerce/ds-shared";
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    checked: PropTypes.Requireable<boolean>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    indeterminate: PropTypes.Requireable<boolean>;
-    options: PropTypes.Validator<(SpsActionMethod | [SpsActionDescriptor, () => void])[]>;
-    disabled: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsCheckboxDropdownProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+import { SpsCheckbox } from "../checkbox/SpsCheckbox";
+import { SpsDropdown } from "../dropdown/SpsDropdown";
+declare type PassthruCheckboxProps = Pick<Parameters<typeof SpsCheckbox>[0], "checked" | "onChange" | "indeterminate" | "disabled">;
+declare type PassthruDropdownProps = Pick<Parameters<typeof SpsDropdown>[0], "options">;
+export declare type SpsCheckboxDropdownProps = React.PropsWithChildren<SpsGlobalPropTypes & PassthruCheckboxProps & PassthruDropdownProps> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsCheckboxDropdown(props: SpsCheckboxDropdownProps): JSX.Element;
 export {};

package/lib/clickable-tag/SpsClickableTag.d.ts

@@ -1,16 +1,11 @@
 import { ClickableTagKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    href: PropTypes.Requireable<string>;
-    kind: PropTypes.Requireable<ClickableTagKind>;
-    onAdd: PropTypes.Requireable<() => void>;
-    onRemove: PropTypes.Requireable<() => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsClickableTagProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsClickableTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    href?: string;
+    kind?: ClickableTagKind;
+    onAdd?: () => void;
+    onRemove?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsClickableTag(props: SpsClickableTagProps): JSX.Element;
-export {};

package/lib/column-chooser/SpsColumnChooser.d.ts

@@ -1,19 +1,14 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    maxSelectedColumns: PropTypes.Requireable<number>;
-    unselectedColumns: PropTypes.Requireable<any[]>;
-    selectedColumns: PropTypes.Requireable<any[]>;
-    onApplyChanges: PropTypes.Requireable<(selectedColumns: ColumnProps[]) => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsColumnChooserProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsColumnChooserProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    maxSelectedColumns?: number | null;
+    unselectedColumns?: any[];
+    selectedColumns?: any[];
+    onApplyChanges?: (selectedColumns: ColumnProps[]) => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export interface ColumnProps {
     name: string;
     value: string;
     mandatory?: boolean;
 }
 export declare function SpsColumnChooser(props: SpsColumnChooserProps): JSX.Element;
-export {};

package/lib/column-chooser/SpsColumnChooserColumn.d.ts

@@ -1,17 +1,13 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    index: PropTypes.Requireable<number>;
-    key: PropTypes.Requireable<string>;
-    columnId: PropTypes.Requireable<string>;
-    name: PropTypes.Requireable<string>;
-    value: PropTypes.Requireable<string>;
-    onDelete: PropTypes.Requireable<(columnValue: string) => void>;
-    mandatory: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsColumnChooserColumnProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsColumnChooserColumnProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    index?: number;
+    key?: string;
+    columnId?: string;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    name?: string;
+    value?: string;
+    onDelete?: (columnValue: string) => void;
+    mandatory?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsColumnChooserColumn(props: SpsColumnChooserColumnProps): JSX.Element;
-export {};

package/lib/conditional-field/SpsConditionalField.d.ts

@@ -1,11 +1,6 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    showCondition: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsConditionalFieldProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsConditionalField({ showCondition, children, className, ...rest }: SpsConditionalFieldProps): JSX.Element;
-export {};
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsConditionalFieldProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    showCondition?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsConditionalField({ showCondition, children, className, ...rest }: SpsConditionalFieldProps): JSX.Element | null;

package/lib/content-row/SpsContentRow.d.ts

@@ -1,22 +1,16 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    alternateLayout: PropTypes.Requireable<boolean>;
-    cardSpacing: PropTypes.Requireable<boolean>;
-    expanded: PropTypes.Requireable<boolean>;
-    initiallyExpanded: PropTypes.Requireable<boolean>;
-    onBeforeCollapsed: PropTypes.Requireable<() => boolean>;
-    onBeforeExpanded: PropTypes.Requireable<() => boolean>;
-    onSelectionChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    onCollapsed: PropTypes.Requireable<() => void>;
-    onExpanded: PropTypes.Requireable<() => void>;
-    selectable: PropTypes.Requireable<boolean>;
-    selected: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsContentRowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsContentRowProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    alternateLayout?: boolean;
+    cardSpacing?: boolean;
+    expanded?: boolean;
+    initiallyExpanded?: boolean;
+    onBeforeCollapsed?: () => boolean;
+    onBeforeExpanded?: () => boolean;
+    onSelectionChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onCollapsed?: () => void;
+    onExpanded?: () => void;
+    selectable?: boolean;
+    selected?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsContentRow(props: SpsContentRowProps): JSX.Element;
-export {};

package/lib/content-row/SpsContentRowCol.d.ts

@@ -1,15 +1,10 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    borderless: PropTypes.Requireable<boolean>;
-    lean: PropTypes.Requireable<boolean>;
-    leaner: PropTypes.Requireable<boolean>;
-    widthPx: PropTypes.Requireable<number>;
-    widthRem: PropTypes.Requireable<number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsContentRowColProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsContentRowColProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    borderless?: boolean;
+    lean?: boolean;
+    leaner?: boolean;
+    widthPx?: number;
+    widthRem?: number;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsContentRowCol(props: SpsContentRowColProps): JSX.Element;
-export {};

package/lib/content-row/SpsContentRowExpansion.d.ts

@@ -1,10 +1,4 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsContentRowExpansionProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsContentRowExpansionProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsContentRowExpansion(props: SpsContentRowExpansionProps): JSX.Element;
-export {};

package/lib/currency-input/SpsCurrencyInput.d.ts

@@ -1,18 +1,12 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<number>>;
-    name: PropTypes.Requireable<string>;
-    onChange: PropTypes.Requireable<(newValue: number) => void>;
-    ref: PropTypes.Requireable<React.MutableRefObject<HTMLDivElement>>;
-    value: PropTypes.Requireable<number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsCurrencyInputProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare type SpsCurrencyInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<number>;
+    name?: string;
+    onChange?: (newValue: number) => void;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    value?: number;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsCurrencyInput({ className, disabled, formMeta, id, name, onChange, ref, title, value, ...rest }: SpsCurrencyInputProps): JSX.Element;
-export {};

package/lib/dateRangePicker/SpsDateRangePicker.d.ts

@@ -1,21 +1,15 @@
+import * as React from "react";
 import type { SimpleDate, SimpleDateRange, DatePreset } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<SimpleDateRange | DatePreset>>;
-    maxDate: PropTypes.Requireable<SimpleDate>;
-    minDate: PropTypes.Requireable<SimpleDate>;
-    onChange: PropTypes.Requireable<(newDateRange: SimpleDateRange | DatePreset) => void>;
-    presets: PropTypes.Requireable<DatePreset[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDateRangePickerProps = {
+export declare type SpsDateRangePickerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<SimpleDateRange | DatePreset | undefined>;
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    onChange?: (newDateRange?: SimpleDateRange | DatePreset) => void;
+    presets?: DatePreset[];
     value?: SimpleDateRange | DatePreset;
-} & Omit<PropTypes.InferTS<typeof propTypes, HTMLInputElement>, "value">;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare const DEFAULT_PRESETS: DatePreset[];
 export declare function SpsDateRangePicker({ children, className, disabled, formMeta, id, maxDate, minDate, onChange, presets, value, "data-testid": testId, ...rest }: SpsDateRangePickerProps): JSX.Element;
-export {};

package/lib/datepicker/SpsDatepicker.d.ts

@@ -1,18 +1,13 @@
+import * as React from "react";
 import type { SimpleDate } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<SimpleDate>>;
-    maxDate: PropTypes.Requireable<SimpleDate>;
-    minDate: PropTypes.Requireable<SimpleDate>;
-    onChange: PropTypes.Requireable<(newDate: SimpleDate) => void>;
-    value: PropTypes.Requireable<SimpleDate>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDatepickerProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare type SpsDatepickerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<SimpleDate>;
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    onChange?: (newDate: SimpleDate) => void;
+    value?: SimpleDate;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsDatepicker({ children, className, disabled, formMeta, id, maxDate, minDate, onChange, value, "data-testid": testId, ...rest }: SpsDatepickerProps): JSX.Element;
-export {};

package/lib/datepicker/SpsDatepickerCalendar.d.ts

@@ -1,18 +1,11 @@
+import * as React from "react";
 import type { SimpleDate, SimpleDateRange } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    maxDate: PropTypes.Requireable<SimpleDate>;
-    minDate: PropTypes.Requireable<SimpleDate>;
-    onNewSelection: PropTypes.Validator<(date: SimpleDate) => void>;
-    selectedDate: PropTypes.Requireable<SimpleDate>;
-    selectedRange: PropTypes.Requireable<SimpleDate[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export interface SpsDatepickerCalendarProps extends PropTypes.InferTS<typeof propTypes, HTMLDivElement> {
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsDatepickerCalendarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
     selectedRange?: SimpleDateRange;
-}
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    onNewSelection: (date: SimpleDate) => void;
+    selectedDate?: SimpleDate;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsDatepickerCalendar(props: SpsDatepickerCalendarProps): JSX.Element;
-export {};