@spscommerce/ds-react 6.37.2 → 7.0.0

package/lib/datepicker/SpsDatepickerPopup.d.ts

@@ -1,13 +1,11 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    attachTo: PropTypes.Validator<React.MutableRefObject<HTMLElement>>;
-    isOpen: PropTypes.Validator<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDatepickerPopupProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare const SpsDatepickerPopup: React.ForwardRefExoticComponent<Pick<SpsDatepickerPopupProps, "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" | "isOpen" | "attachTo"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare type SpsDatepickerPopupProps = React.PropsWithChildren<{
+    attachTo: React.MutableRefObject<HTMLElement | null>;
+    isOpen: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare const SpsDatepickerPopup: React.ForwardRefExoticComponent<{
+    attachTo: React.MutableRefObject<HTMLElement | null>;
+    isOpen: boolean;
+} & {
+    children?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/lib/datepicker/useMoment.d.ts

@@ -1,3 +1,3 @@
 import type { SimpleDate } from "@spscommerce/ds-shared";
 import type { Moment } from "moment";
-export declare function useMoment(date: SimpleDate): Moment;
+export declare function useMoment(date: SimpleDate): Moment | null;

package/lib/datepicker/utils.d.ts

@@ -4,19 +4,19 @@ export declare const FORMAT = "MM/DD/YYYY";
 export declare const FORMAT_PATTERN: RegExp;
 export declare const SYMBOL_DATE_PARSE_ERROR: unique symbol;
 export declare const SimpleDateUtils: Readonly<{
-    createFrom(input: string | Moment): SimpleDate;
-    createRangeFrom(input: string): SimpleDateRange;
-    isValid(date: SimpleDate): boolean;
+    createFrom(input: string | Moment): SimpleDate | null;
+    createRangeFrom(input: string): SimpleDateRange | null;
+    isValid(date: SimpleDate): boolean | undefined;
     nullifyInvalidDate(value: any): SimpleDate | null;
-    toMoment(date: SimpleDate): Moment;
+    toMoment(date: SimpleDate): Moment | null;
     toString(date: SimpleDate): string;
     toStringRange(dateRange: SimpleDateRange): string;
     create(): SimpleDate;
     isSameDate(d1: SimpleDate, d2: SimpleDate): boolean;
     isSameMonth(d1: SimpleDate, d2: SimpleDate): boolean;
-    isAfter(date: SimpleDate, referenceDate: SimpleDate): boolean;
-    isBefore(date: SimpleDate, referenceDate: SimpleDate): boolean;
-    isInRange(date: SimpleDate, range: SimpleDateRange, inclusive?: boolean): boolean;
+    isAfter(date: SimpleDate, referenceDate: SimpleDate): boolean | null;
+    isBefore(date: SimpleDate, referenceDate: SimpleDate): boolean | null;
+    isInRange(date: SimpleDate, range: SimpleDateRange, inclusive?: boolean): boolean | 0 | null;
     prevMonth(date: SimpleDate): SimpleDate;
     nextMonth(date: SimpleDate): SimpleDate;
     createRangeFromPreset(preset: DatePreset): SimpleDateRange;

package/lib/datetime/SpsDateTime.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import "moment/locale/en-au";
 import "moment/locale/en-ca";
 import "moment/locale/en-ie";
@@ -7,20 +8,13 @@ import "moment/locale/fr";
 import "moment/locale/es";
 import "moment/locale/zh-cn";
 import "moment/locale/zh-tw";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    currentUser: PropTypes.Requireable<any>;
-    dateToFormat: PropTypes.Requireable<string | Date>;
-    format: PropTypes.Requireable<string>;
-    locale: PropTypes.Requireable<string>;
-    relative: PropTypes.Requireable<boolean>;
-    relativeHrs: PropTypes.Requireable<number>;
-    tz: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDateTimeProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare type SpsDateTimeProps = React.PropsWithChildren<{
+    currentUser?: any;
+    dateToFormat?: string | Date;
+    format?: string;
+    locale?: string;
+    relative?: boolean;
+    relativeHrs?: number;
+    tz?: string;
+}> & React.HTMLAttributes<HTMLSpanElement>;
 export declare function SpsDateTime(props: SpsDateTimeProps): JSX.Element;
-export {};

package/lib/description-list/SpsDescriptionList.d.ts

@@ -1,14 +1,9 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    compact: PropTypes.Requireable<boolean>;
-    wideTerms: PropTypes.Requireable<boolean>;
-    widerTerms: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDescriptionListProps = PropTypes.InferTS<typeof propTypes, HTMLDListElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsDescriptionListProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    compact?: boolean;
+    wideTerms?: boolean;
+    widerTerms?: boolean;
+}> & React.HTMLAttributes<HTMLDListElement>;
 export declare function SpsDescriptionList(props: SpsDescriptionListProps): JSX.Element;
-export declare function SpsDl(p: SpsDescriptionListProps): JSX.Element;
-export {};
+export declare function SpsDl(props: SpsDescriptionListProps): JSX.Element;

package/lib/description-list/SpsDescriptionListDefinition.d.ts

@@ -1,11 +1,5 @@
-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 SpsDescriptionListDefinitionProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsDescriptionListDefinitionProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsDescriptionListDefinition(props: SpsDescriptionListDefinitionProps): JSX.Element;
-export declare function SpsDd(p: SpsDescriptionListDefinitionProps): JSX.Element;
-export {};
+export declare function SpsDd(props: SpsDescriptionListDefinitionProps): JSX.Element;

package/lib/description-list/SpsDescriptionListTerm.d.ts

@@ -1,18 +1,13 @@
+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: {
-    error: PropTypes.Requireable<boolean>;
-    errors: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    help: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    labelFor: PropTypes.Requireable<SpsFormFieldMeta<any> | SpsFormControl<any>>;
-    required: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsDescriptionListTermProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsDescriptionListTermProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    error?: boolean;
+    errors?: React.ReactNode | (() => React.ReactNode);
+    help?: React.ReactNode | (() => React.ReactNode);
+    labelFor?: SpsFormControl<any> | SpsFormFieldMeta<any>;
+    required?: boolean;
+}> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsDescriptionListTerm(props: SpsDescriptionListTermProps): JSX.Element;
-export declare function SpsDt(p: SpsDescriptionListTermProps): JSX.Element;
-export {};
+export declare function SpsDt(props: SpsDescriptionListTermProps): JSX.Element;

package/lib/dropdown/SpsDropdown.d.ts

@@ -1,28 +1,23 @@
 import type { SpsActionDescriptor, SpsActionMethod } from "@spscommerce/ds-shared";
 import { DropdownKind, SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    action: PropTypes.Requireable<SpsActionMethod>;
-    alignLeft: PropTypes.Requireable<boolean>;
-    disabled: PropTypes.Requireable<boolean>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    kind: PropTypes.Requireable<DropdownKind>;
-    label: PropTypes.Requireable<string>;
-    options: PropTypes.Validator<(SpsActionMethod | [SpsActionDescriptor, () => void])[]>;
-    spinning: PropTypes.Requireable<boolean>;
-    spinningTitle: PropTypes.Requireable<string>;
-    tallOptionList: PropTypes.Requireable<boolean>;
-    onOpen: PropTypes.Requireable<() => void>;
-    onClose: PropTypes.Requireable<() => void>;
-    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 SpsDropdownProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsDropdownProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    action?: (...args: any[]) => void;
+    alignLeft?: boolean;
+    disabled?: boolean;
+    icon?: SpsIcon;
+    kind?: DropdownKind;
+    label?: string;
+    options?: Array<SpsActionMethod | [SpsActionDescriptor, () => void]>;
+    spinning?: boolean;
+    spinningTitle?: string;
+    tallOptionList?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    loading?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    disableOptionsMemoization?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsDropdown(props: SpsDropdownProps): JSX.Element;
-export {};

package/lib/feedback-block/SpsFeedbackBlock.d.ts

@@ -1,12 +1,7 @@
 import { FeedbackBlockKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    kind: PropTypes.Requireable<FeedbackBlockKind>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsFeedbackBlockProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsFeedbackBlockProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    kind?: FeedbackBlockKind;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFeedbackBlock(props: SpsFeedbackBlockProps): JSX.Element;
-export {};

package/lib/fieldset/SpsFieldset.d.ts

@@ -1,22 +1,17 @@
-import * as PropTypes from "../prop-types";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormArray } from "../form/hooks/formArray";
 import type { SpsFormGroup } from "../form/hooks/formGroup";
 import type { SpsFormSetMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    errors: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    formArray: PropTypes.Requireable<SpsFormArray<any>>;
-    formGroup: PropTypes.Requireable<SpsFormGroup>;
-    formMeta: PropTypes.Requireable<SpsFormSetMeta<any, import("../form/hooks/useSpsForm").InferredSpsFormMetaSetMembers<any>>>;
-    legend: PropTypes.Requireable<string>;
-    optional: PropTypes.Requireable<boolean>;
-    enabled: PropTypes.Requireable<boolean>;
-    onToggled: PropTypes.Requireable<(isEnabled: boolean) => void>;
-    tooltip: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsFieldsetProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare type SpsFieldsetProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    errors?: React.ReactNode | (() => React.ReactNode);
+    formArray?: SpsFormArray<any>;
+    formGroup?: SpsFormGroup;
+    formMeta?: SpsFormSetMeta<any>;
+    legend?: string;
+    optional?: boolean;
+    enabled?: boolean;
+    onToggled?: (isEnabled: boolean) => void;
+    tooltip?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFieldset({ children, className, errors, formArray, formGroup, formMeta, legend, unsafelyReplaceClassName, optional, enabled, onToggled, tooltip, "data-testid": testId, }: SpsFieldsetProps): JSX.Element;
-export {};

package/lib/filter-panel/SpsFilterPanel.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 SpsFilterPanelProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsFilterPanelProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFilterPanel({ children, className, ...rest }: SpsFilterPanelProps): JSX.Element;
-export {};

package/lib/filter-panel/SpsFilterPanelCap.d.ts

@@ -1,11 +1,6 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    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 SpsFilterPanelCapProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsFilterPanelCapProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFilterPanelCap({ children, className, onClear, ...rest }: SpsFilterPanelCapProps): JSX.Element;
-export {};

package/lib/filter-panel/SpsFilterPanelFilterBox.d.ts

@@ -1,16 +1,10 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormFieldMeta } from "../form";
-declare const propTypes: {
-    value: PropTypes.Requireable<string>;
-    placeholder: PropTypes.Requireable<string>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<string>>;
-    onFilterChange: PropTypes.Requireable<React.ChangeEventHandler<HTMLInputElement>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsFilterPanelFilterBoxProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare type SpsFilterPanelFilterBoxProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    value?: string;
+    placeholder?: string;
+    formMeta?: SpsFormFieldMeta<string>;
+    onFilterChange?: React.ChangeEventHandler<HTMLInputElement>;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFilterPanelFilterBox({ className, value, placeholder, formMeta, onFilterChange, ...rest }: SpsFilterPanelFilterBoxProps): JSX.Element;
-export {};

package/lib/filter-panel/SpsFilterPanelSection.d.ts

@@ -1,16 +1,11 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    title: PropTypes.Requireable<string>;
-    expanded: PropTypes.Requireable<boolean>;
-    heightPx: PropTypes.Requireable<number>;
-    heightRem: PropTypes.Requireable<number>;
-    onExpand: PropTypes.Requireable<() => void>;
-    onCollapse: PropTypes.Requireable<() => void>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsFilterPanelSectionProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsFilterPanelSectionProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    title?: string;
+    expanded?: boolean;
+    heightPx?: number;
+    heightRem?: number;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFilterPanelSection({ children, className, title, expanded, heightPx, heightRem, onExpand, onCollapse, ...rest }: SpsFilterPanelSectionProps): JSX.Element;
-export {};

package/lib/filter-tile-list/SpsFilterTile.d.ts

@@ -1,15 +1,10 @@
+import * as React from "react";
 import { SpsFilterTileKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    value: PropTypes.Validator<number>;
-    title: PropTypes.Validator<string>;
-    kind: PropTypes.Requireable<SpsFilterTileKind>;
-    active: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsFilterTileProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsFilterTileProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    value: number;
+    title: string;
+    kind?: SpsFilterTileKind;
+    active?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFilterTile(props: SpsFilterTileProps): JSX.Element;
-export {};

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

package/lib/focused-task/SpsFocusedTask.d.ts

@@ -1,13 +1,8 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    fullWidth: PropTypes.Requireable<boolean>;
-    isOpen: 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 SpsFocusedTaskProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsFocusedTaskProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    fullWidth?: boolean;
+    isOpen?: boolean;
+    onClose?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsFocusedTask(props: SpsFocusedTaskProps): JSX.Element;
-export {};

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

package/lib/form/SpsForm.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
 import type { SpsFormArray } from "./hooks/formArray";
 import type { SpsFormGroup } from "./hooks/formGroup";
 import type { SpsFormSetMeta } from "./hooks/useSpsForm";
@@ -7,17 +6,12 @@ export declare const spsFormProps: {
     formMeta: string;
     onSubmit: string;
 };
-export declare const spsFormPropTypes: {
-    formArray: PropTypes.Requireable<SpsFormArray<any>>;
-    formGroup: PropTypes.Requireable<SpsFormGroup>;
-    formMeta: PropTypes.Requireable<SpsFormSetMeta<any, import("./hooks/useSpsForm").InferredSpsFormMetaSetMembers<any>>>;
-    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 SpsFormProps = PropTypes.InferTS<typeof spsFormPropTypes, HTMLFormElement>;
+export declare type SpsFormProps = React.PropsWithChildren<{
+    formArray?: SpsFormArray<any>;
+    formGroup?: SpsFormGroup;
+    formMeta?: SpsFormSetMeta<any>;
+    onSubmit?: React.FormEventHandler;
+}> & React.HTMLAttributes<HTMLFormElement>;
 declare type SpsFormForwardRefType = SpsFormProps & React.RefAttributes<HTMLFormElement>;
 declare type SpsFormForwardRefExoticComponent = React.ForwardRefExoticComponent<SpsFormForwardRefType>;
 export declare const SpsForm: SpsFormForwardRefExoticComponent;

package/lib/form/SpsFormComponentWrapper.d.ts

@@ -1,18 +1,13 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormControl } from "./hooks/formControl";
 import type { SpsFormMetaBase } from "./hooks/useSpsForm";
-declare const spsFormComponentWrapperPropTypes: {
-    focusInputOnClick: PropTypes.Requireable<boolean>;
-    formMeta: PropTypes.Requireable<SpsFormMetaBase<any>>;
-    formControl: PropTypes.Requireable<SpsFormControl<any>>;
-    inputRef: PropTypes.Requireable<React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsFormComponentWrapperProps = PropTypes.InferProps<typeof spsFormComponentWrapperPropTypes> & React.HTMLAttributes<HTMLDivElement>;
+export declare type SpsFormComponentWrapperProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    focusInputOnClick?: boolean;
+    formMeta?: SpsFormMetaBase<any>;
+    formControl?: SpsFormControl<any>;
+    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+}> & React.HTMLAttributes<HTMLDivElement>;
 declare type SpsFormComponentWrapperForwardRefType = SpsFormComponentWrapperProps & React.RefAttributes<HTMLDivElement>;
 declare type SpsFormComponentWrapperForwardRefExoticComponent = React.ForwardRefExoticComponent<SpsFormComponentWrapperForwardRefType>;
 export declare const SpsFormComponentWrapper: SpsFormComponentWrapperForwardRefExoticComponent;

package/lib/form/hooks/useFormControlId.d.ts

@@ -1,4 +1,4 @@
-export declare function useFormControlId(id: string, formControl?: any): {
-    wrapperId: string;
+export declare function useFormControlId(id?: string, formControl?: any): {
+    wrapperId: string | undefined;
     controlId: string;
 };

package/lib/form/hooks/useServerSideValidation.d.ts

@@ -1,3 +1,3 @@
 import type { SpsValidationStatus } from "../validation/types";
 import type { SpsAbstractControl } from "./SpsAbstractControl.interface";
-export declare function useServerSideValidation(formControl: SpsAbstractControl<any>, initialState?: SpsValidationStatus): (import("../validation/types").SpsValidationErrors | import("react").Dispatch<import("react").SetStateAction<import("../validation/types").SpsValidationErrors>>)[];
+export declare function useServerSideValidation(formControl: SpsAbstractControl<any>, initialState?: SpsValidationStatus): (import("../validation/types").SpsValidationErrors | import("react").Dispatch<import("react").SetStateAction<import("../validation/types").SpsValidationErrors | null>> | null)[];

package/lib/form/hooks/useSpsForm.d.ts

@@ -12,18 +12,14 @@ export declare abstract class SpsFormMetaBase<T> {
     validators: Array<SpsValidator<T>>;
     errors: SpsValidationErrors | null;
     revealAllErrors: boolean;
-    preventativeErrors: any[];
+    preventativeErrors: string[];
     submitted: boolean;
     constructor(path: Path, update: UpdateFn);
-    abstract isPristine(): boolean;
-    abstract markAsPristine(): SpsFormMetaBase<T>;
-    abstract markAsDirty(): SpsFormMetaBase<T>;
-    abstract isFocused(): boolean;
     setValidators(newValidators: Array<SpsValidator<T>>): SpsFormMetaBase<T>;
     validate(newValue: T): SpsFormMetaBase<T>;
     isValid(): boolean;
     hasErrors(): boolean;
-    isVisibilyInvalid(): boolean;
+    isVisibilyInvalid(): boolean | null;
     hasError(errorKey: string): any;
     hasPreventativeError(errorKey: string): boolean;
     hasPreventativeErrors(): boolean;
@@ -31,6 +27,10 @@ export declare abstract class SpsFormMetaBase<T> {
     isSubmitted(): boolean;
     onFocus(): void;
     onBlur(): void;
+    abstract isPristine(): boolean;
+    abstract markAsPristine(): SpsFormMetaBase<T>;
+    abstract markAsDirty(): SpsFormMetaBase<T>;
+    abstract isFocused(): boolean;
 }
 export declare class SpsFormFieldMeta<T> extends SpsFormMetaBase<T> {
     id: string;
@@ -57,9 +57,6 @@ export declare abstract class SpsFormSetMeta<T extends SpsFormSetValue, U extend
     fields: U;
     constructor(path: Path, update: UpdateFn);
     constructor(inferMembersFromValue: T, path: Path, update: UpdateFn);
-    protected abstract inferMembers(inferFromValue: T): any;
-    protected inferSpsControl(valueOrControl: any, key: PathComponent): SpsFormMetaBase<any>;
-    private rollup;
     isFocused(): boolean;
     isValid(): boolean;
     hasErrors(): boolean;
@@ -69,6 +66,9 @@ export declare abstract class SpsFormSetMeta<T extends SpsFormSetValue, U extend
     markAsDirty(): this;
     markAsBlurred(): this;
     markAsSubmitted(): this;
+    protected inferSpsControl(valueOrControl: any, key: PathComponent): SpsFormMetaBase<any>;
+    private rollup;
+    protected abstract inferMembers(inferFromValue: T): any;
 }
 export declare class SpsFormGroupMeta<T extends object> extends SpsFormSetMeta<T> {
     protected inferMembers(inferFromValue: T): void;

package/lib/growler/SpsGrowler.d.ts

@@ -1,17 +1,11 @@
 import { GrowlerKind } from "@spscommerce/ds-shared";
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    imgSrc: PropTypes.Requireable<string>;
-    kind: PropTypes.Requireable<GrowlerKind>;
-    onClose: PropTypes.Requireable<() => void>;
-    persist: PropTypes.Requireable<boolean>;
-    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 SpsGrowlerProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsGrowlerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    imgSrc?: string;
+    kind?: GrowlerKind;
+    onClose?: () => void;
+    persist?: boolean;
+    title?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsGrowler(props: SpsGrowlerProps): React.ReactPortal;
-export {};