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

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { RingSize } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsProgressRingProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    progress?: number;
+    size?: RingSize;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsProgressRing({ size, progress, }: SpsProgressRingProps): React.JSX.Element;

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

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

package/lib/prop-types.d.ts

@@ -0,0 +1,4 @@
+export interface SpsGlobalPropTypes {
+    "data-testid"?: string;
+    unsafelyReplaceClassName?: string;
+}

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsRadioButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    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): React.JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSearchResultsBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    resultsCount?: number;
+    totalResults?: number;
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSearchResultsBar(props: SpsSearchResultsBarProps): React.JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSearchResultsBarV2Props = React.PropsWithChildren<SpsGlobalPropTypes & {
+    results?: number | string | null;
+    selections?: Record<string, string[]>;
+    zeroStateText?: string;
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSearchResultsBarV2(props: SpsSearchResultsBarV2Props): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from "./SpsSearchResultsBar";
+export * from "./SpsSearchResultsBarV2";
+export * from "./SpsSearchResultsBar.examples";

package/lib/select/SpsSelect.d.ts

@@ -0,0 +1,76 @@
+import type { SpsActionMethod } from "@spscommerce/ds-shared";
+import type { Eventually } from "@spscommerce/utils";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsSelectProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    action?: SpsActionMethod;
+    captionKey?: string;
+    comparisonKey?: string;
+    conformWidth?: boolean;
+    disabled?: boolean;
+    disabledOptions?: any[];
+    formControl?: SpsFormControl<any>;
+    formMeta?: SpsFormFieldMeta<any>;
+    notClearable?: boolean;
+    options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
+    onChange?: React.ChangeEventHandler;
+    onSearchChange?: (searchText: string) => void;
+    onOpen?: () => void;
+    placeholder?: string;
+    searchDebounce?: number;
+    searchPlaceholder?: string;
+    showInlineSearch?: boolean;
+    tallOptionList?: boolean;
+    textKey?: string;
+    valueKey?: string;
+    value?: any;
+    zeroState?: string;
+    autoFixWidth?: boolean;
+    loading?: boolean;
+    filterByTextAndCaptionKey?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    disableOptionsMemoization?: boolean;
+    disableDefaultOptionsFiltering?: boolean;
+    onBeforeChange?: (value: string) => boolean | Promise<boolean>;
+}> & React.HTMLAttributes<HTMLDivElement>;
+type FocusRef = {
+    focus: () => void;
+} | null;
+export declare const SpsSelect: React.ForwardRefExoticComponent<SpsGlobalPropTypes & {
+    action?: SpsActionMethod;
+    captionKey?: string;
+    comparisonKey?: string;
+    conformWidth?: boolean;
+    disabled?: boolean;
+    disabledOptions?: any[];
+    formControl?: SpsFormControl<any>;
+    formMeta?: SpsFormFieldMeta<any>;
+    notClearable?: boolean;
+    options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
+    onChange?: React.ChangeEventHandler;
+    onSearchChange?: (searchText: string) => void;
+    onOpen?: () => void;
+    placeholder?: string;
+    searchDebounce?: number;
+    searchPlaceholder?: string;
+    showInlineSearch?: boolean;
+    tallOptionList?: boolean;
+    textKey?: string;
+    valueKey?: string;
+    value?: any;
+    zeroState?: string;
+    autoFixWidth?: boolean;
+    loading?: boolean;
+    filterByTextAndCaptionKey?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    disableOptionsMemoization?: boolean;
+    disableDefaultOptionsFiltering?: boolean;
+    onBeforeChange?: (value: string) => boolean | Promise<boolean>;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<FocusRef>>;
+export {};

package/lib/select/SpsSelect.examples.d.ts

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

package/lib/select/index.d.ts

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

package/lib/side-nav/SpsSideNav.d.ts

@@ -0,0 +1,38 @@
+/** TODO: Fix circular deps, update to follow our patterns, then remove eslint override */
+import * as React from "react";
+import type { SpsIcon, TagKind } from "@spscommerce/ds-shared";
+export interface SideNavItem {
+    name: string;
+    tag?: TagKind;
+    key?: string | number;
+    tagContent?: string;
+    subNavItems?: SideNavItem[];
+    icon?: SpsIcon;
+}
+export interface SideNavSection {
+    sectionTitle?: string;
+    key?: string | number;
+    navItems: SideNavItem[];
+}
+export interface SideNavBranch extends SideNavItem {
+    expanded: boolean;
+}
+export interface SpsSideNavProps {
+    title?: string;
+    titleIcon?: SpsIcon;
+    activeNavItem: string;
+    onNavChange?: (newNav: string, newNavKey?: string | number) => void;
+    navOptions: SideNavSection[];
+    tabs?: string[];
+    initialActiveTab?: string;
+    onTabChange?: (newTab: string) => void;
+    filterable?: boolean;
+    filterInputPlaceholder?: string;
+}
+/**
+ * Helper to find if parent navigation contains the active child branch
+ * @param nav SideNavItems[] array of navigation branches to be checked
+ * @param activeTab string currently active tab
+ */
+export declare const findParentBranches: (nav: SideNavItem[], activeTab: string) => boolean;
+export declare const SpsSideNav: React.FC<SpsSideNavProps>;

package/lib/side-nav/SpsSideNav.examples.d.ts

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

package/lib/side-nav/SpsSideNavBranch.d.ts

@@ -0,0 +1,9 @@
+/** TODO: Fix circular deps, update to follow our patterns, then remove eslint override */
+import * as React from "react";
+import type { SideNavBranch } from "./SpsSideNav";
+export interface SpsSideNavBranchProps {
+    branch: SideNavBranch;
+    activeBranch: string;
+    setActiveBranch: (activeChildBranchName: string, activeChildBranchKey?: string | number) => void;
+}
+export declare const SpsSideNavBranch: React.FC<SpsSideNavBranchProps>;

package/lib/side-nav/index.d.ts

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

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSlackLinkProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    channelId: string;
+}> & React.HTMLAttributes<HTMLAnchorElement>;
+export declare function SpsSlackLink(props: SpsSlackLinkProps): React.JSX.Element;

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

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

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

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

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSlideInPanelProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    title?: string;
+    show?: boolean;
+    onClose?: () => void;
+    focusElementOnOpen?: React.MutableRefObject<HTMLElement>;
+    closeOnEscapePressed: boolean;
+    noBackground?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSlideInPanel({ children, className, id: idProp, show, closeOnEscapePressed, onClose, focusElementOnOpen, title, noBackground, ...rest }: SpsSlideInPanelProps): React.JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from "./SpsSortingHeader";
+export * from "./SpsSortingHeaderCell";
+export * from "./SpsSortingHeader.examples";

package/lib/spinner/SpsSpinner.d.ts

@@ -0,0 +1,9 @@
+import { SpinnerSize } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSpinnerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    alt?: string;
+    size?: SpinnerSize;
+    title?: string;
+}> & React.HTMLAttributes<HTMLElement>;
+export declare function SpsSpinner(props: SpsSpinnerProps): React.JSX.Element;

package/lib/spinner/index.d.ts

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

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

@@ -0,0 +1,17 @@
+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 type SpsSplitButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    href?: string;
+    label?: string;
+    icon?: SpsIcon;
+    kind?: StdButtonKind;
+    options?: Parameters<typeof SpsDropdown>[0]["options"];
+    spinning?: boolean;
+    spinningTitle?: string;
+    onClick?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSplitButton(props: SpsSplitButtonProps): React.JSX.Element;

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

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

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

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

package/lib/stepped-progress-bar/SpsSteppedProgressBar.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import { SteppedProgressBarColor } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export interface SteppedProgressBarData {
+    index: number;
+    icon: SpsIcon;
+    title: string;
+    description: string;
+    skipped: boolean;
+}
+export type SpsSteppedProgressBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    title?: string;
+    stepsCount?: number;
+    completedStepsCount?: number;
+    disabled?: boolean;
+    showStepsCounter?: boolean;
+    color?: SteppedProgressBarColor;
+    data?: SteppedProgressBarData[];
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSteppedProgressBar(props: SpsSteppedProgressBarProps): React.JSX.Element;

package/lib/stepped-progress-bar/SpsSteppedProgressBar.examples.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export declare const SpsSteppedProgressBarExamples: {
+    standard: {
+        label: string;
+        description: () => React.JSX.Element;
+        examples: {
+            standard: {
+                description: () => React.JSX.Element;
+                react: string;
+            };
+            color: {
+                description: () => React.JSX.Element;
+                react: string;
+            };
+            skippedSteps: {
+                description: () => React.JSX.Element;
+                react: string;
+            };
+            completed: {
+                description: () => React.JSX.Element;
+                react: string;
+            };
+            disabled: {
+                description: () => React.JSX.Element;
+                react: string;
+            };
+        };
+    };
+};

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

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

package/lib/summary-list/SpsSummaryList.examples.d.ts

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

package/lib/summary-list/SpsSummaryListColumn.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSummaryListColumnProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    borderless?: boolean;
+    lean?: boolean;
+    leaner?: boolean;
+    width?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSummaryListColumn(props: SpsSummaryListColumnProps): React.JSX.Element;

package/lib/summary-list/SpsSummaryListExpansion.d.ts

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

package/lib/summary-list/SpsSummaryListRow.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsSummaryListRowProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    expanded?: boolean;
+    selected?: boolean;
+    onToggle?: (isExpanded: boolean) => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsSummaryListRow(props: SpsSummaryListRowProps): React.JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from "./SpsSummaryListRow";
+export * from "./SpsSummaryListColumn";
+export * from "./SpsSummaryListExpansion";
+export * from "./SpsSummaryList.examples";

package/lib/table/SpsTable.d.ts

@@ -0,0 +1,14 @@
+import type { SortChangeHandler, SortedColumn, ResizeState, ResizeStateChangeHandler } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTableProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    onSortChange?: SortChangeHandler;
+    sort?: SortedColumn[];
+    selectable?: boolean;
+    maxHeightPx?: number;
+    maxHeightRem?: number;
+    resizeable?: boolean;
+    resizeState?: ResizeState;
+    onResizeStateChange?: ResizeStateChangeHandler;
+}> & React.HTMLAttributes<HTMLTableElement>;
+export declare function SpsTable({ children, className, onSortChange, sort, "data-testid": testId, unsafelyReplaceClassName, maxHeightPx, maxHeightRem, resizeable, resizeState, onResizeStateChange, ...rest }: SpsTableProps): React.JSX.Element;

package/lib/table/SpsTable.examples.d.ts

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

package/lib/table/SpsTableBody.d.ts

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

package/lib/table/SpsTableCell.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTableCellProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    buttonCell?: boolean;
+    controlCell?: boolean;
+    wrap?: 200 | 300 | 400 | 500 | 600;
+    pinned?: boolean;
+}> & React.HTMLAttributes<HTMLTableCellElement>;
+export declare function SpsTableCell(props: SpsTableCellProps): React.JSX.Element;
+export declare function SpsTd(props: SpsTableCellProps): React.JSX.Element;

package/lib/table/SpsTableContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { SortChangeHandler, SortedColumn, ResizeState, ResizeStateChangeHandler } from "@spscommerce/ds-shared";
+interface SpsTableContextValue {
+    resizeable: boolean;
+    resizeState: ResizeState;
+    setResizeState: ResizeStateChangeHandler;
+    setSingleResizeState: (resizeKey: string, columnWidth: number | null) => void;
+    sort: SortedColumn[];
+    setSort: SortChangeHandler;
+}
+declare const SpsTableContext: React.Context<SpsTableContextValue>;
+interface SpsTableContextProviderProps {
+    resizeable?: boolean;
+    sort?: SortedColumn[];
+    onSortChange?: SortChangeHandler;
+    resizeState?: ResizeState;
+    onResizeStateChange?: ResizeStateChangeHandler;
+}
+declare const SpsTableContextProvider: React.FC<SpsTableContextProviderProps>;
+export { SpsTableContext, SpsTableContextProvider };

package/lib/table/SpsTableHead.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTableHeadProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    pinned?: boolean;
+}> & React.HTMLAttributes<HTMLTableSectionElement>;
+export declare function SpsTableHead({ children, className, "data-testid": testId, unsafelyReplaceClassName, pinned, ...rest }: SpsTableHeadProps): React.JSX.Element;
+export declare function SpsThead(props: SpsTableHeadProps): React.JSX.Element;

package/lib/table/SpsTableHeader.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTableHeaderProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    controlCell?: boolean;
+    sortKey?: string;
+    resizeKey?: string;
+    pinned?: boolean;
+}> & React.HTMLAttributes<HTMLTableCellElement>;
+export declare function SpsTableHeader({ children, className, controlCell, sortKey, resizeKey, "data-testid": testId, unsafelyReplaceClassName, pinned, ...rest }: SpsTableHeaderProps): React.JSX.Element;
+export declare function SpsTh(props: SpsTableHeaderProps): React.JSX.Element;

package/lib/table/SpsTableRow.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTableRowProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLTableRowElement>;
+export declare function SpsTableRow({ children, className, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsTableRowProps): React.JSX.Element;
+export declare function SpsTr(props: SpsTableRowProps): React.JSX.Element;

package/lib/table/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./SpsTable";
+export * from "./SpsTableHeader";
+export * from "./SpsTableHead";
+export * from "./SpsTableRow";
+export * from "./SpsTableBody";
+export * from "./SpsTableCell";
+export * from "./SpsTable.examples";
+export * from "./useColumnResizer";

package/lib/table/useColumnResizer.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare const useColumnHeaderResizer: ({ tableHeaderRef, resizerRef, resizeKey, }: {
+    tableHeaderRef: React.MutableRefObject<HTMLTableCellElement | null>;
+    resizerRef: React.MutableRefObject<HTMLSpanElement | null>;
+    resizeKey: string;
+}) => {
+    isResizeable: boolean;
+};
+export declare const useColumnCellResizer: (tableCellRef: React.MutableRefObject<HTMLTableCellElement | null>) => void;

package/lib/table/usePinnedStyles.d.ts

@@ -0,0 +1,6 @@
+import type { ResizeState } from "@spscommerce/ds-shared";
+import * as React from "react";
+export declare const usePinnedCellStyle: (isPinned: boolean, elementRef: React.MutableRefObject<HTMLTableCellElement | null>) => void;
+export declare const usePinnedTableBackgroundStyle: (containerRef: React.MutableRefObject<HTMLDivElement | null>) => void;
+export declare const usePinnedTableHeadStyle: (containerRef: React.MutableRefObject<HTMLDivElement | null>, maxHeight?: number, resizeState?: ResizeState) => void;
+export declare const useMaxHeightTableStyle: (containerRef: React.MutableRefObject<HTMLDivElement | null>, maxHeight?: number) => void;

package/lib/tabs/SpsTabs.d.ts

@@ -0,0 +1,9 @@
+import type { SpsTab } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTabsProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    tabs: SpsTab[];
+    activeTab?: SpsTab;
+    onTabChange?: (newTab: SpsTab) => void;
+}> & React.HTMLAttributes<HTMLElement>;
+export declare function SpsTabs(props: SpsTabsProps): React.JSX.Element;

package/lib/tabs-v2/SpsTab.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { TabListState } from "@react-stately/tabs";
+import type { Node } from "@react-types/shared";
+export default function SpsTab<T>({ item, state, }: {
+    item: Node<T>;
+    state: TabListState<T>;
+}): React.JSX.Element;

package/lib/tabs-v2/SpsTabPanel.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { TabListState } from "@react-stately/tabs";
+import type { AriaTabPanelProps } from "@react-types/tabs";
+export default function SpsTabPanel<T>({ state, ...props }: {
+    state: TabListState<T>;
+} & AriaTabPanelProps): React.JSX.Element;

package/lib/tabs-v2/SpsTabsV2.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { TabListProps } from "@react-types/tabs";
+export default function SpsTabsV2(props: TabListProps<Record<string, unknown>>): React.JSX.Element;

package/lib/tabs-v2/index.d.ts

@@ -0,0 +1,4 @@
+import SpsTab from "./SpsTab";
+import SpsTabPanel from "./SpsTabPanel";
+import SpsTabsV2 from "./SpsTabsV2";
+export { SpsTab, SpsTabPanel, SpsTabsV2, };

package/lib/tag/SpsTag.d.ts

@@ -0,0 +1,9 @@
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import { TagKind } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    icon?: SpsIcon;
+    kind?: TagKind;
+}> & React.HTMLAttributes<HTMLSpanElement>;
+export declare function SpsTag(props: SpsTagProps): React.JSX.Element;

package/lib/tag/SpsTag.examples.d.ts

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

package/lib/tag/index.d.ts

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