@spscommerce/ds-react 6.37.3 → 7.0.0

package/lib/page-title/SpsPageSubtitle.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 SpsPageSubtitleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsPageSubtitleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsPageSubtitle(props: SpsPageSubtitleProps): JSX.Element;
-export {};

package/lib/page-title/SpsPageTitle.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 SpsPageTitleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsPageTitleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsPageTitle(props: SpsPageTitleProps): JSX.Element;
-export {};

package/lib/pagination/SpsPageSelector.d.ts

@@ -1,16 +1,11 @@
-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>;
-    numPages: PropTypes.Requireable<number>;
-    onPageChange: PropTypes.Requireable<(number: any) => void>;
-    page: PropTypes.Requireable<number>;
-    disabled: PropTypes.Requireable<boolean>;
-    unknownPageCount: PropTypes.Requireable<boolean>;
-    nextPageBtnDisabled: PropTypes.Requireable<boolean>;
-};
-export declare type SpsPageSelectorProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsPageSelectorProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    numPages?: number;
+    onPageChange?: (number: any) => void;
+    page?: number;
+    disabled?: boolean;
+    unknownPageCount?: boolean;
+    nextPageBtnDisabled?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsPageSelector(props: SpsPageSelectorProps): JSX.Element;
-export {};

package/lib/pagination/SpsPagination.d.ts

@@ -1,19 +1,14 @@
-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>;
-    onPageChange: PropTypes.Validator<(page: number, pageSize: number, indices: [number, number]) => void>;
-    page: PropTypes.Requireable<number>;
-    pageSize: PropTypes.Requireable<number>;
-    pageSizeOptions: PropTypes.Requireable<number[]>;
-    totalResults: PropTypes.Requireable<number>;
-    disabled: PropTypes.Requireable<boolean>;
-    unknownPageCount: PropTypes.Requireable<boolean>;
-    nextPageBtnDisabled: PropTypes.Requireable<boolean>;
-    resultsOnPage: PropTypes.Requireable<number>;
-};
-export declare type SpsPaginationProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsPaginationProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    onPageChange: (page: number, pageSize: number, indices: [number, number]) => void;
+    page?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    totalResults?: number;
+    disabled?: boolean;
+    unknownPageCount?: boolean;
+    nextPageBtnDisabled?: boolean;
+    resultsOnPage?: number;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsPagination(props: SpsPaginationProps): JSX.Element;
-export {};

package/lib/product-bar/SpsProductBar.d.ts

@@ -1,19 +1,13 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    activeTab: PropTypes.Requireable<string>;
-    fullWidth: PropTypes.Requireable<boolean>;
-    onTabChange: PropTypes.Requireable<(newTab: string) => void>;
-    onProductNameClick: PropTypes.Requireable<React.MouseEventHandler<Element>>;
-    productLogoSrc: PropTypes.Requireable<string>;
-    productName: PropTypes.Requireable<string>;
-    productNameHref: PropTypes.Requireable<string>;
-    tabs: PropTypes.Requireable<string[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsProductBarProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsProductBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activeTab?: string;
+    fullWidth?: boolean;
+    onTabChange?: (newTab: string) => void;
+    onProductNameClick?: React.MouseEventHandler;
+    productLogoSrc?: string;
+    productName?: string;
+    productNameHref?: string;
+    tabs?: string[];
+}> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsProductBar(props: SpsProductBarProps): JSX.Element;
-export {};

package/lib/progress-bar/SpsProgressBar.d.ts

@@ -1,15 +1,10 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    percentComplete: PropTypes.Requireable<number>;
-    title: PropTypes.Requireable<string>;
-    detail: PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    onClose: PropTypes.Requireable<() => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsProgressBarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsProgressBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    percentComplete?: number;
+    title?: string;
+    detail?: string;
+    disabled?: boolean;
+    onClose?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsProgressBar(props: SpsProgressBarProps): JSX.Element;
-export {};

package/lib/progress-ring/SpsProgressRing.d.ts

@@ -1,13 +1,8 @@
+import * as React from "react";
 import { RingSize } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    progress: PropTypes.Requireable<number>;
-    size: PropTypes.Requireable<RingSize>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsProgressRingProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsProgressRingProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    progress?: number;
+    size?: RingSize;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsProgressRing({ size, progress, }: SpsProgressRingProps): JSX.Element;
-export {};

package/lib/prop-types.d.ts

@@ -1,23 +1,4 @@
-import type { MutableRefObject, HTMLProps } from "react";
-import * as PropTypes from "prop-types";
-export declare type Deprecated<T> = PropTypes.Requireable<T>;
-export declare function deprecated<T>(type: PropTypes.Requireable<T>): Deprecated<T>;
-export declare function enumValue<T>(e: any): PropTypes.Requireable<T>;
-export declare function fun<T extends (...args: any[]) => any>(): PropTypes.Requireable<T>;
-export declare function impl<T>(): PropTypes.Requireable<T>;
-export declare function ref<T>(): PropTypes.Requireable<MutableRefObject<T>>;
-export declare type ReactNodeOrRenderFn = PropTypes.ReactNodeLike | (() => PropTypes.ReactNodeLike);
-export declare const nodeOrRenderFn: PropTypes.Requireable<ReactNodeOrRenderFn>;
-export declare type TypeDoc = Record<string, string | {
-    type: string;
-    required?: boolean;
-    deprecated?: boolean;
-}>;
-export declare type InferTS<T, K extends HTMLElement> = PropTypes.InferProps<T> & Omit<HTMLProps<K>, keyof T>;
-export declare const spsGlobalPropTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export * from "prop-types";
+export interface SpsGlobalPropTypes {
+    "data-testid"?: string;
+    unsafelyReplaceClassName?: string;
+}

package/lib/radio-button/SpsRadioButton.d.ts

@@ -1,24 +1,18 @@
 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<any>>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<any>>;
-    inline: PropTypes.Requireable<boolean>;
-    centered: PropTypes.Requireable<boolean>;
-    label: PropTypes.Requireable<string>;
-    name: PropTypes.Validator<string>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    ref: PropTypes.Requireable<React.MutableRefObject<HTMLDivElement>>;
-    value: PropTypes.Requireable<any>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsRadioButtonProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare type SpsRadioButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    checked?: boolean;
+    disabled?: boolean;
+    formControl?: SpsFormControl<any>;
+    formMeta?: SpsFormFieldMeta<any>;
+    inline?: boolean;
+    centered?: boolean;
+    label?: string;
+    name: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    value?: any;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsRadioButton({ checked, className, "data-testid": testId, disabled, formControl, formMeta, id, inline, centered, label, name, onChange, ref, unsafelyReplaceClassName, value, ...rest }: SpsRadioButtonProps): JSX.Element;
-export {};

package/lib/scrollable-container/SpsScrollableContainer.d.ts

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

package/lib/scrollable-container/index.d.ts

@@ -1,2 +1 @@
 export * from "./SpsScrollableContainer";
-export * from "./SpsScrollableContainer.examples";

package/lib/search-results-bar/SpsSearchResultsBar.d.ts

@@ -1,13 +1,8 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    resultsCount: PropTypes.Requireable<number>;
-    totalResults: PropTypes.Requireable<number>;
-    onClear: PropTypes.Requireable<() => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsSearchResultsBarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsSearchResultsBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    resultsCount?: number;
+    totalResults?: number;
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSearchResultsBar(props: SpsSearchResultsBarProps): JSX.Element;
-export {};

package/lib/search-results-bar/SpsSearchResultsBarV2.d.ts

@@ -1,14 +1,9 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    results: PropTypes.Requireable<number>;
-    selections: PropTypes.Requireable<Record<string, string[]>>;
-    zeroStateText: PropTypes.Requireable<string>;
-    onClear: PropTypes.Requireable<() => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsSearchResultsBarV2Props = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsSearchResultsBarV2Props = React.PropsWithChildren<SpsGlobalPropTypes & {
+    results?: number | null;
+    selections?: Record<string, string[]>;
+    zeroStateText?: string;
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSearchResultsBarV2(props: SpsSearchResultsBarV2Props): JSX.Element;
-export {};

package/lib/select/SpsSelect.d.ts

@@ -1,41 +1,64 @@
 import type { SpsActionMethod } from "@spscommerce/ds-shared";
 import type { Eventually } from "@spscommerce/utils";
 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: {
-    action: PropTypes.Requireable<SpsActionMethod>;
-    captionKey: PropTypes.Requireable<string>;
-    comparisonKey: PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    formControl: PropTypes.Requireable<SpsFormControl<any>>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<any>>;
-    notClearable: PropTypes.Requireable<boolean>;
-    options: PropTypes.Validator<any[] | Promise<any[]> | ((filter?: string) => Eventually<any[]>)>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    placeholder: PropTypes.Requireable<string>;
-    searchDebounce: PropTypes.Requireable<number>;
-    searchPlaceholder: PropTypes.Requireable<string>;
-    tallOptionList: PropTypes.Requireable<boolean>;
-    textKey: PropTypes.Requireable<string>;
-    valueKey: PropTypes.Requireable<string>;
-    value: PropTypes.Requireable<any>;
-    zeroState: PropTypes.Requireable<string>;
-    autoFixWidth: PropTypes.Requireable<boolean>;
-    loading: PropTypes.Requireable<boolean>;
-    filterByTextAndCaptionKey: 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 SpsSelectProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare const SpsSelect: React.ForwardRefExoticComponent<Pick<SpsSelectProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "data-testid" | "unsafelyReplaceClassName" | "formMeta" | "formControl" | "loading" | "filterByTextAndCaptionKey" | "disableOptionsMemoization" | "searchDebounce" | "searchPlaceholder" | "captionKey" | "comparisonKey" | "options" | "textKey" | "valueKey" | "zeroState" | "tallOptionList" | "maxHeightOptionListPx" | "maxHeightOptionListRem" | "onOpen" | "notClearable" | "autoFixWidth"> & React.RefAttributes<{
+export declare type SpsSelectProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    action?: SpsActionMethod;
+    captionKey?: string;
+    comparisonKey?: string;
+    disabled?: boolean;
+    formControl?: SpsFormControl<any>;
+    formMeta?: SpsFormFieldMeta<any>;
+    notClearable?: boolean;
+    options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
+    onChange?: React.ChangeEventHandler;
+    onOpen?: () => void;
+    placeholder?: string;
+    searchDebounce?: number;
+    searchPlaceholder?: string;
+    tallOptionList?: boolean;
+    textKey?: string;
+    valueKey?: string;
+    value?: any;
+    zeroState?: string;
+    autoFixWidth?: boolean;
+    loading?: boolean;
+    filterByTextAndCaptionKey?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    disableOptionsMemoization?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+declare type FocusRef = {
     focus: () => void;
-}>>;
+} | null;
+export declare const SpsSelect: React.ForwardRefExoticComponent<SpsGlobalPropTypes & {
+    action?: SpsActionMethod | undefined;
+    captionKey?: string | undefined;
+    comparisonKey?: string | undefined;
+    disabled?: boolean | undefined;
+    formControl?: SpsFormControl<any> | undefined;
+    formMeta?: SpsFormFieldMeta<any> | undefined;
+    notClearable?: boolean | undefined;
+    options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
+    onChange?: React.ChangeEventHandler<Element> | undefined;
+    onOpen?: (() => void) | undefined;
+    placeholder?: string | undefined;
+    searchDebounce?: number | undefined;
+    searchPlaceholder?: string | undefined;
+    tallOptionList?: boolean | undefined;
+    textKey?: string | undefined;
+    valueKey?: string | undefined;
+    value?: any;
+    zeroState?: string | undefined;
+    autoFixWidth?: boolean | undefined;
+    loading?: boolean | undefined;
+    filterByTextAndCaptionKey?: boolean | undefined;
+    maxHeightOptionListPx?: number | undefined;
+    maxHeightOptionListRem?: number | undefined;
+    disableOptionsMemoization?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<FocusRef>>;
 export {};

package/lib/slack-link/SpsSlackLink.d.ts

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

package/lib/slide-in-panel/SpsSlideInPanel.d.ts

@@ -1,16 +1,10 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    title: PropTypes.Requireable<string>;
-    show: PropTypes.Requireable<boolean>;
-    closeOnEscapePressed: PropTypes.Requireable<boolean>;
-    onClose: PropTypes.Requireable<() => void>;
-    focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsSlideInPanelProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsSlideInPanelProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    title?: string;
+    show?: boolean;
+    onClose?: () => void;
+    focusElementOnOpen?: React.MutableRefObject<HTMLElement>;
+    closeOnEscapePressed: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSlideInPanel({ children, className, id: idProp, show, closeOnEscapePressed, onClose, focusElementOnOpen, title, ...rest }: SpsSlideInPanelProps): JSX.Element;
-export {};

package/lib/sorting-header/SpsSortingHeader.d.ts

@@ -1,13 +1,8 @@
+import * as React from "react";
 import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    sort: PropTypes.Requireable<SortedColumn[]>;
-    onSortChange: PropTypes.Requireable<SortChangeHandler>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsSortingHeaderProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsSortingHeaderProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    sort: SortedColumn[];
+    onSortChange: SortChangeHandler;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSortingHeader({ className, "data-testid": testId, unsafelyReplaceClassName, sort, onSortChange, children, ...rest }: SpsSortingHeaderProps): JSX.Element;
-export {};

package/lib/sorting-header/SpsSortingHeaderCell.d.ts

@@ -1,17 +1,12 @@
+import * as React from "react";
 import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
-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>;
-    sortKey: PropTypes.Requireable<string>;
-    sortDisabled: PropTypes.Requireable<boolean>;
-    sort: PropTypes.Requireable<SortedColumn[]>;
-    onSortChange: PropTypes.Requireable<SortChangeHandler>;
-    widthPx: PropTypes.Requireable<number>;
-    widthRem: PropTypes.Requireable<number>;
-};
-export declare type SpsSortingHeaderCellProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsSortingHeaderCellProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    sortKey?: string;
+    sortDisabled?: boolean;
+    sort?: SortedColumn[];
+    onSortChange?: SortChangeHandler;
+    widthPx?: number;
+    widthRem?: number;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSortingHeaderCell({ className, "data-testid": testId, unsafelyReplaceClassName, sortKey, sort, sortDisabled, onSortChange, onClick, children, widthPx, widthRem, style, ...rest }: SpsSortingHeaderCellProps): JSX.Element;
-export {};

package/lib/spinner/SpsSpinner.d.ts

@@ -1,14 +1,9 @@
 import { SpinnerSize } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    alt: PropTypes.Requireable<string>;
-    size: PropTypes.Requireable<SpinnerSize>;
-    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 SpsSpinnerProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsSpinnerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    alt?: string;
+    size?: SpinnerSize;
+    title?: string;
+}> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsSpinner(props: SpsSpinnerProps): JSX.Element;
-export {};

package/lib/spinner/index.d.ts

@@ -1,2 +1 @@
 export * from "./SpsSpinner";
-export * from "./SpsSpinner.examples";

package/lib/split-button/SpsSplitButton.d.ts

@@ -1,18 +1,14 @@
-import type { SpsActionDescriptor, SpsActionMethod } from "@spscommerce/ds-shared";
-import { StdButtonKind, SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    href: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    kind: PropTypes.Requireable<StdButtonKind>;
-    options: PropTypes.Requireable<(SpsActionMethod | [SpsActionDescriptor, () => void])[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsSplitButtonProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import { StdButtonKind } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import { SpsDropdown } from "../dropdown/SpsDropdown";
+export declare type SpsSplitButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    href?: string;
+    label?: string;
+    icon?: SpsIcon;
+    kind?: StdButtonKind;
+    options?: Parameters<typeof SpsDropdown>[0]["options"];
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSplitButton(props: SpsSplitButtonProps): JSX.Element;
-export {};