@spscommerce/ds-react 0.0.0-20260319-8230915ce

package/lib/input-group/SpsInputGroup.d.ts

@@ -0,0 +1,12 @@
+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";
+export type SpsInputGroupProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    formArray?: SpsFormArray<any>;
+    formGroup?: SpsFormGroup;
+    formMeta?: SpsFormSetMeta<any>;
+    stacked?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsInputGroup({ children, className, formArray, formGroup, formMeta, stacked, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsInputGroupProps): React.JSX.Element;

package/lib/input-group/index.d.ts

@@ -0,0 +1 @@
+export * from "./SpsInputGroup";

package/lib/insight-tile/SpsInsightTile.d.ts

@@ -0,0 +1,13 @@
+import type { SpsInsightTileKind, SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsInsightTileProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    horizontal?: boolean;
+    icon?: SpsIcon;
+    kind?: SpsInsightTileKind;
+    title?: string;
+    metric?: number | string;
+    partnerCount?: number;
+    totalPartners?: number;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsInsightTile(props: SpsInsightTileProps): React.JSX.Element;

package/lib/insight-tile/SpsInsights.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsInsightsProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsInsights(props: SpsInsightsProps): React.JSX.Element;

package/lib/insight-tile/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsInsights";
+export * from "./SpsInsightTile";

package/lib/key-value-list/SpsKeyValueList.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsKeyValueListProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    inline?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsKeyValueList(props: SpsKeyValueListProps): React.JSX.Element;

package/lib/key-value-list/SpsKeyValueListItem.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { KeyValueListTitleColor } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsKeyValueListItemProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    itemKey: string | React.ReactNode | (() => React.ReactNode);
+    titleColor?: KeyValueListTitleColor;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsKeyValueListItem(props: SpsKeyValueListItemProps): React.JSX.Element;

package/lib/key-value-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsKeyValueList";
+export * from "./SpsKeyValueListItem";

package/lib/key-value-tag/SpsKeyValueTag.d.ts

@@ -0,0 +1,11 @@
+import { SpsIcon, TagKind } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsKeyValueTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    color?: TagKind;
+    href?: string;
+    icon?: SpsIcon;
+    tagKey: string;
+    value: string;
+}> & React.HTMLAttributes<HTMLSpanElement>;
+export declare function SpsKeyValueTag(props: SpsKeyValueTagProps): React.JSX.Element;

package/lib/key-value-tag/SpsKeyValueTag.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsKeyValueTagExamples: DSReactExamples;

package/lib/key-value-tag/index.d.ts

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

package/lib/label/SpsLabel.d.ts

@@ -0,0 +1,15 @@
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import { SpsFormMetaBase } from "../form/hooks/useSpsForm";
+export type SpsLabelProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    description?: string;
+    for: SpsFormMetaBase<any> | SpsFormControl<any>;
+    stronglySuggested?: boolean;
+    help?: React.ReactNode | (() => React.ReactNode);
+    helpIcon?: SpsIcon;
+    helpIconColor?: string;
+    errors?: React.ReactNode | (() => React.ReactNode);
+}> & React.HTMLAttributes<HTMLLabelElement>;
+export declare function SpsLabel({ children, className, description, for: forProp, stronglySuggested, help, helpIcon, helpIconColor, errors, unsafelyReplaceClassName, "data-testid": testId, ...rest }: SpsLabelProps): React.JSX.Element;

package/lib/label/SpsLabel.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsLabelExamples: DSReactExamples;

package/lib/label/index.d.ts

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

package/lib/list-action-bar/SpsListActionBar.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsListActionBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    clearSelected: () => void;
+    itemsSelected: string | number;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsListActionBar(props: SpsListActionBarProps): React.ReactElement;

package/lib/list-action-bar/SpsListActionBar.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsListActionBarExamples: DSReactExamples;

package/lib/list-action-bar/index.d.ts

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

package/lib/list-toolbar/SpsListToolbar.d.ts

@@ -0,0 +1,22 @@
+import type { SpsTab } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsListToolbarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activeTab?: SpsTab;
+    advancedSearch?: {
+        isOpen: boolean;
+        enteredFields?: number;
+    };
+    onToggleAdvancedSearch?: (boolean: any) => void;
+    onTabChange?: (SpsTab: any) => void;
+    title?: string;
+    tabs?: SpsTab[];
+    onToolbarPinned?: (boolean: any) => void;
+    selectable?: boolean;
+    isSelected?: boolean;
+    isIndeterminate?: boolean;
+    onSelectionChange?: (boolean: any) => void;
+    pinResultsBar?: boolean;
+    pinToolbar?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsListToolbar(props: SpsListToolbarProps): React.JSX.Element;

package/lib/list-toolbar/SpsListToolbar.examples.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare function ContentOrderExample(): React.JSX.Element;
+export declare const SpsListToolbarExamples: DSReactExamples;

package/lib/list-toolbar/SpsListToolbarSearch.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsListToolbarSearchProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    onSubmit?: React.FormEventHandler;
+}> & React.HTMLAttributes<HTMLElement>;
+export declare function SpsListToolbarSearch(props: SpsListToolbarSearchProps): React.JSX.Element;

package/lib/list-toolbar/SpsListToolbarSearchInfo.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsListToolbarSearchInfoProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLElement>;
+export declare function SpsListToolbarSearchInfo(props: SpsListToolbarSearchInfoProps): React.JSX.Element;

package/lib/list-toolbar/SpsListToolbarSortBy.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { SortDirection, SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export interface SortOption {
+    label: string;
+    key: string;
+    direction: SortDirection;
+    icon: SpsIcon;
+}
+export type SpsListToolbarSortByProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    options?: SortOption[];
+    activeOption?: SortOption;
+    onSortChange?: (option: SortOption) => void;
+    defaultOption?: SortOption;
+}> & React.HTMLAttributes<HTMLElement>;
+export declare function SpsListToolbarSortBy(props: SpsListToolbarSortByProps): React.JSX.Element;

package/lib/list-toolbar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./SpsListToolbar";
+export * from "./SpsListToolbarSearch";
+export * from "./SpsListToolbarSearchInfo";
+export * from "./SpsListToolbarSortBy";
+export * from "./SpsListToolbar.examples";

package/lib/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifest } from "@spscommerce/ds-shared";
+export declare const MANIFEST: ComponentManifest;

package/lib/micro-block/SpsMicroBlock.d.ts

@@ -0,0 +1,8 @@
+import { FeedbackBlockKind } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsMicroBlockProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    kind?: FeedbackBlockKind;
+    message: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsMicroBlock(props: SpsMicroBlockProps): React.JSX.Element;

package/lib/micro-block/SpsMicroBlock.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsMicroBlockExamples: DSReactExamples;

package/lib/micro-block/index.d.ts

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

package/lib/modal/SpsModal.d.ts

@@ -0,0 +1,13 @@
+import { ModalKind, ModalSize } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsModalProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    kind?: ModalKind;
+    size?: ModalSize;
+    title?: string;
+    onClose?: () => void;
+    focusElementOnOpen?: React.MutableRefObject<HTMLElement>;
+    fullHeight?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsModalFooter({ children }: SpsModalProps): React.JSX.Element;
+export declare function SpsModal({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, fullHeight, ...rest }: SpsModalProps): React.JSX.Element;

package/lib/modal/SpsModal.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsModalExamples: DSReactExamples;

package/lib/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsModal";
+export * from "./useModals";
+export * from "./SpsModal.examples";

package/lib/modal/useModals.d.ts

@@ -0,0 +1,15 @@
+type UseModalsType = [
+    modals: JSX.Element[],
+    pushModal: <T>(component: JSX.Element) => Promise<ModalResult<T>>,
+    popModal: <T>(result?: ModalResult<T>) => void
+];
+export declare enum ModalAction {
+    Ok = "Ok",
+    Cancel = "Cancel"
+}
+export interface ModalResult<T> {
+    action: ModalAction;
+    data?: T;
+}
+export declare const useModals: () => UseModalsType;
+export {};

package/lib/multi-select/SpsMultiSelect.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import type { Eventually } from "@spscommerce/utils";
+import type { SpsActionMethod, SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsMultiSelectProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    action?: SpsActionMethod;
+    captionKey?: string;
+    clearSearchOnBlur?: boolean;
+    clearSearchOnEnter?: boolean;
+    comparisonKey?: string;
+    conformWidth?: boolean;
+    debounce?: number;
+    disabled?: boolean;
+    disableOptionsMemoization?: boolean;
+    disableSelected?: boolean;
+    formControl?: SpsFormControl<any[]>;
+    formMeta?: SpsFormFieldMeta<any[]>;
+    hideSelected?: boolean;
+    icon?: SpsIcon;
+    loading?: boolean;
+    filterByTextAndCaptionKey?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onSearchChange?: (searchText: string) => void;
+    options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
+    placeholder?: string;
+    tallOptionList?: boolean;
+    textKey?: string;
+    value?: any;
+    zeroState?: string;
+    wrap?: boolean;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare function SpsMultiSelect({ action, captionKey, className, clearSearchOnBlur, clearSearchOnEnter, conformWidth, debounce, disabled, disableSelected, comparisonKey, formControl, formMeta, hideSelected, id, onChange, onSearchChange, options, placeholder, tallOptionList, textKey, unsafelyReplaceClassName, value: valueProp, zeroState, loading, filterByTextAndCaptionKey, icon, maxHeightOptionListPx, maxHeightOptionListRem, disableOptionsMemoization, "data-testid": testId, wrap, ...rest }: SpsMultiSelectProps): React.JSX.Element;

package/lib/multi-select/SpsMultiSelect.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsMultiSelectExamples: DSReactExamples;

package/lib/multi-select/index.d.ts

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

package/lib/multi-value-text-input/SpsMultiValueTextInput.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsMultiValueTextInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    disabled?: boolean;
+    formControl?: SpsFormControl<any[]>;
+    formMeta?: SpsFormFieldMeta<any[]>;
+    icon?: SpsIcon;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onEntryChange?: (searchText: string) => void;
+    placeholder?: string;
+    value?: string[];
+    createTagOptions?: string[];
+    isSingleLine?: boolean;
+    dynamicPasting?: boolean;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare function SpsMultiValueTextInput({ className, disabled, formControl, formMeta, id, onChange, onEntryChange, placeholder, unsafelyReplaceClassName, value, icon, createTagOptions, "data-testid": testId, isSingleLine, dynamicPasting, ...rest }: SpsMultiValueTextInputProps): React.JSX.Element;

package/lib/multi-value-text-input/SpsMultiValueTextInput.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsMultiValueTextInputExamples: DSReactExamples;

package/lib/multi-value-text-input/index.d.ts

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

package/lib/multi-value-text-input/splitStringByDelimiter.d.ts

@@ -0,0 +1,2 @@
+export declare function splitStringByDelimiter(str: string, delimiters: string[]): string[];
+export declare function parsePastedValue(pastedValue: string | undefined, value: string[] | undefined, createTagOptions: string[]): (string | undefined)[];

package/lib/option-list/SpsOptionList.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { SpsOptionListProps } from "./SpsOptionListProps";
+export declare const SpsOptionList: React.ForwardRefExoticComponent<SpsOptionListProps & React.RefAttributes<HTMLDivElement>>;

package/lib/option-list/SpsOptionListProps.d.ts

@@ -0,0 +1,89 @@
+import type { ChangeEventHandler, KeyboardEvent, MutableRefObject, PropsWithChildren, HTMLAttributes } from "react";
+import type { SpsActionMethod, Position } from "@spscommerce/ds-shared";
+import type { Eventually } from "@spscommerce/utils";
+import type { SpsGlobalPropTypes } from "../prop-types";
+/**
+ * Minimal keyboard event data to store in state.
+ * We don't store the full KeyboardEvent because React 19's profiler traverses
+ * all object properties in dev mode, and KeyboardEvent.view is a Window reference
+ * that causes SecurityError when accessed in cross-origin iframes.
+ */
+export interface MinimalKeyboardEvent {
+    key: string;
+    preventDefault: () => void;
+}
+export declare const spsOptionListPassthroughProps: {
+    docs: {
+        options: string;
+        captionKey: string;
+        disabledOptions: string;
+        comparisonKey: string;
+        tall: string;
+        textKey: string;
+        valueKey: string;
+        zeroState: string;
+        maxHeightPx: string;
+        maxHeightRem: string;
+        disableOptionsMemoization: string;
+        onSpecialActionSelect: string;
+    };
+};
+export interface SpsOptionListPassthroughProps {
+    captionKey?: string;
+    comparisonKey?: string;
+    disabledOptions?: any[];
+    options: any[] | Promise<any[]> | ((filter?: string) => Eventually<any[]>);
+    tall?: boolean;
+    textKey?: string;
+    valueKey?: string;
+    zeroState?: string;
+    maxHeightPx?: number;
+    maxHeightRem?: number;
+}
+export interface SpsSearchableOptionListProps {
+    /**
+     * Hides the inline search input when options is a function (async).
+     * By default, async options show the search input; set this to true to hide it.
+     */
+    hideInlineSearch?: boolean;
+    /**
+     * Shows the inline search input when options is a static array.
+     * By default, static arrays don't show the search input; set this to true to show it.
+     * Useful when you want to manage filtering externally via onSearchChange.
+     */
+    showInlineSearch?: boolean;
+    onSearchChange?: ChangeEventHandler;
+    search?: string;
+    searchDebounce?: number;
+    searchPlaceholder?: string;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    onSpecialActionSelect?: () => void;
+}
+export type SpsOptionListProps = PropsWithChildren<SpsGlobalPropTypes & SpsOptionListPassthroughProps & SpsSearchableOptionListProps & {
+    attachTo: MutableRefObject<HTMLElement | null>;
+    conformWidth?: boolean;
+    id: string;
+    isOpen?: boolean;
+    keepOpen?: boolean;
+    keyDown?: MinimalKeyboardEvent | null;
+    nullOption?: string;
+    offsets?: number[];
+    onOptionListChanged?: (filteredListLength: number) => void;
+    onOptionSelected?: (option: any) => void;
+    onPositionFlip?: (opensUpward: boolean) => void;
+    onSelfToggle?: (isOpen: boolean) => void;
+    optionRole?: string;
+    positionOverride?: Position[];
+    selectedOption?: any;
+    specialAction?: SpsActionMethod;
+    ignoreWidthStyles?: boolean;
+    loading?: boolean;
+    filterByTextAndCaptionKey?: boolean;
+    disableOptionsMemoization?: boolean;
+    disableDefaultOptionsFiltering?: boolean;
+    typeaheadEvent?: MinimalKeyboardEvent;
+}> & HTMLAttributes<HTMLDivElement>;
+/**
+ * Helper to extract minimal keyboard event data for safe storage in React state.
+ */
+export declare function toMinimalKeyboardEvent(event: KeyboardEvent | React.KeyboardEvent<Element>): MinimalKeyboardEvent;

package/lib/option-list/index.d.ts

@@ -0,0 +1 @@
+export * from "./useSpsAction";

package/lib/option-list/useOptionListOptions.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { SpsOptionListOption } from "@spscommerce/ds-shared";
+import type { SpsOptionListProps } from "./SpsOptionListProps";
+import type { OptionListSearchState } from "./useOptionListSearch";
+export declare function useOptionListOptions(props: SpsOptionListProps, searchState: OptionListSearchState, searchStatePatch: React.Dispatch<Partial<OptionListSearchState>>): [
+    ReadonlyArray<SpsOptionListOption<any>>,
+    boolean
+];

package/lib/option-list/useOptionListSearch.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { SpsOptionListProps } from "./SpsOptionListProps";
+export interface OptionListSearchState {
+    isAsync: boolean;
+    pending: boolean;
+    value: string;
+    replacementPattern: RegExp | null;
+}
+export declare function useOptionListSearch({ hideInlineSearch, showInlineSearch, options, onSearchChange, search, searchPlaceholder, searchInputRef, }: SpsOptionListProps): [
+    JSX.Element,
+    OptionListSearchState,
+    React.Dispatch<Partial<OptionListSearchState>>
+];

package/lib/option-list/usePreventScroll.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface UsePreventScrollArgs {
+    isOpen: boolean;
+    rootRef: React.RefObject<HTMLElement>;
+}
+export declare function usePreventScroll({ isOpen, rootRef }: UsePreventScrollArgs): void;
+export {};

package/lib/option-list/useSpsAction.d.ts

@@ -0,0 +1,2 @@
+import type { SpsActionDescriptor, SpsActionMethod } from "@spscommerce/ds-shared";
+export declare function useSpsAction(descriptor: SpsActionDescriptor, fn: () => void): [SpsActionMethod, (newMetadata: any) => void];

package/lib/page-title/SpsPageSubtitle.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsPageSubtitleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsPageSubtitle(props: SpsPageSubtitleProps): React.JSX.Element;

package/lib/page-title/SpsPageTitle.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsPageTitleProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsPageTitle(props: SpsPageTitleProps): React.JSX.Element;

package/lib/page-title/SpsPageTitle.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsPageTitleExamples: DSReactExamples;

package/lib/page-title/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsPageTitle";
+export * from "./SpsPageSubtitle";
+export * from "./SpsPageTitle.examples";

package/lib/pagination/SpsPageSelector.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsPageSelectorProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    numPages?: number;
+    onPageChange?: (pageNumber: number) => void;
+    page?: number;
+    disabled?: boolean;
+    unknownPageCount?: boolean;
+    nextPageBtnDisabled?: boolean;
+    onBeforeChange?: (page: number) => boolean | Promise<boolean>;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsPageSelector(props: SpsPageSelectorProps): React.JSX.Element;

package/lib/pagination/SpsPagination.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export 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;
+    onBeforeChange?: (page: number, pageSize: number) => boolean | Promise<boolean>;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsPagination(props: SpsPaginationProps): React.JSX.Element;

package/lib/pagination/SpsPagination.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsPaginationExamples: DSReactExamples;

package/lib/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsPagination";
+export * from "./SpsPageSelector";
+export * from "./SpsPagination.examples";

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export 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): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsProductBarExamples: DSReactExamples;

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type SpsProductBarTagProps<T extends React.ElementType> = {
+    active: boolean;
+    as?: T;
+} & React.ComponentPropsWithoutRef<T>;
+export declare function SpsProductBarTab<T extends React.ElementType = "a">(props: SpsProductBarTagProps<T>): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from "./SpsProductBar";
+export * from "./SpsProductBarTab";
+export * from "./SpsProductBar.examples";

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsProgressBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    percentComplete?: number;
+    title?: string;
+    detail?: string;
+    disabled?: boolean;
+    onClose?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsProgressBar(props: SpsProgressBarProps): React.JSX.Element;

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+export declare const SpsProgressBarExamples: {
+    general: {
+        label: string;
+        customSection: () => React.JSX.Element;
+    };
+    standard: {
+        label: string;
+        description: () => React.JSX.Element;
+        examples: {
+            standard: {
+                label: string;
+                description: () => React.JSX.Element;
+                react: string;
+            };
+            completed: {
+                label: string;
+                description: () => React.JSX.Element;
+                react: string;
+            };
+            disabled: {
+                label: string;
+                description: () => React.JSX.Element;
+                react: string;
+            };
+        };
+    };
+};

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

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