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

package/lib/task-queue/SpsTaskQueue.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import type { SpsIcon, SpsTask } from "@spscommerce/ds-shared";
+import { TooltipKind, Position } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export interface ReactSpsTaskAction {
+    label?: string;
+    caption?: string;
+    icon?: SpsIcon;
+    disabled?: boolean;
+    onClick?: (task: ReactSpsTask) => void;
+}
+export type ReactSpsTask = Pick<SpsTask, "heading" | "status" | "unread"> & {
+    id?: string;
+    subheading?: React.ReactNode;
+    actions?: Array<ReactSpsTaskAction | React.ReactElement>;
+};
+export type SpsTaskQueueProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    tasks?: ReactSpsTask[];
+    taskQueuePosition?: Position;
+    notificationText?: string;
+    tooltipConfig?: {
+        position?: Position;
+        kind?: TooltipKind;
+    };
+    onClose?: () => void;
+    onOpen?: () => void;
+    onClearCompleted?: () => void;
+    suppressTooltips?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsTaskQueue({ tasks, taskQueuePosition, notificationText, tooltipConfig, onOpen, onClose, onClearCompleted, className, "data-testid": testId, unsafelyReplaceClassName, suppressTooltips, ...rest }: SpsTaskQueueProps): React.JSX.Element;

package/lib/task-queue/SpsTaskQueue.examples.d.ts

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

package/lib/task-queue/index.d.ts

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

package/lib/text-input/SpsTextInput.d.ts

@@ -0,0 +1,33 @@
+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 SpsTextInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    disabled?: boolean;
+    formControl?: SpsFormControl<string>;
+    formMeta?: SpsFormFieldMeta<string>;
+    icon?: SpsIcon;
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    value?: string;
+    additionalText?: string;
+    notClearable?: boolean;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare const SpsTextInput: React.ForwardRefExoticComponent<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    disabled?: boolean;
+    formControl?: SpsFormControl<string>;
+    formMeta?: SpsFormFieldMeta<string>;
+    icon?: SpsIcon;
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    value?: string;
+    additionalText?: string;
+    notClearable?: boolean;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.HTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/lib/text-input/SpsTextInput.examples.d.ts

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

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

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

package/lib/textarea/SpsTextarea.d.ts

@@ -0,0 +1,18 @@
+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 SpsTextareaProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    disabled?: boolean;
+    formControl?: SpsFormControl<string>;
+    formMeta?: SpsFormFieldMeta<string>;
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    rows?: number;
+    value?: string;
+    additionalText?: string;
+}> & React.HTMLAttributes<HTMLTextAreaElement>;
+export declare function SpsTextarea({ className, disabled, formControl, formMeta, id, name, onChange, placeholder, ref, rows, "data-testid": testId, unsafelyReplaceClassName, value, additionalText, ...rest }: SpsTextareaProps): React.JSX.Element;

package/lib/textarea/SpsTextarea.examples.d.ts

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

package/lib/textarea/index.d.ts

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

package/lib/tile-list/SpsTile.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTileProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    href?: string;
+    target?: string;
+    icon: React.ReactNode | (() => React.ReactNode);
+    error?: boolean;
+    errorIcon?: React.ReactNode | (() => React.ReactNode);
+    title: string;
+    warning?: boolean;
+    warningIcon?: React.ReactNode | (() => React.ReactNode);
+    disabled?: boolean;
+    tagElement?: React.ReactNode | (() => React.ReactNode);
+}> & React.HTMLAttributes<HTMLAnchorElement>;
+export declare function SpsTile(props: SpsTileProps): React.JSX.Element;

package/lib/tile-list/SpsTileList.d.ts

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

package/lib/tile-list/SpsTileList.examples.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from "./SpsTile";
+export * from "./SpsTileList";
+export * from "./SpsTileList.examples";

package/lib/time-input/SpsTimeInput.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+import type { SpsFormControl } from "../form";
+export type SpsTimeInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    currentUser?: any;
+    disabled?: boolean;
+    formControl?: SpsFormControl<string>;
+    formMeta?: SpsFormFieldMeta<string>;
+    onChange?: (newValue: string) => void;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    value?: string;
+    twentyFourHour?: boolean;
+    placeholder12h?: string;
+    placeholder24h?: string;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare const SpsTimeInput: React.ForwardRefExoticComponent<Pick<SpsTimeInputProps, "formMeta" | "value" | "formControl" | keyof SpsGlobalPropTypes | "disabled" | "autoComplete" | "currentUser" | keyof React.HTMLAttributes<HTMLInputElement> | "twentyFourHour" | "placeholder24h" | "placeholder12h"> & React.RefAttributes<HTMLDivElement>>;

package/lib/time-input/SpsTimeInput.examples.d.ts

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

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

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

package/lib/toggle/SpsToggle.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsToggleProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    active?: boolean;
+    description?: string;
+    disabled?: boolean;
+    formControl?: SpsFormControl<boolean>;
+    formMeta?: SpsFormFieldMeta<boolean>;
+    id?: string;
+    label?: string;
+    large?: boolean;
+    onChange?: (isActive: boolean) => void;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+}> & Omit<React.HTMLAttributes<HTMLInputElement>, "onChange">;
+export declare function SpsToggle(props: SpsToggleProps): React.JSX.Element;

package/lib/toggle/SpsToggle.examples.d.ts

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

package/lib/toggle/index.d.ts

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

package/lib/tooltip/SpsTooltip.d.ts

@@ -0,0 +1,23 @@
+import { Position, TooltipKind, TooltipShowTrigger } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare enum TooltipVisibility {
+    VISIBLE = "visible",
+    DEFER_VISIBLE = "defer_visible",
+    HIDDEN = "hidden",
+    DELAYED_HIDDEN = "delayed_hidden"
+}
+export declare function toggleTooltipState(state: TooltipVisibility): TooltipVisibility.VISIBLE | TooltipVisibility.HIDDEN;
+export type SpsTooltipProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    for: React.MutableRefObject<any> | string;
+    hideDelay?: number;
+    isShown?: TooltipVisibility;
+    kind?: TooltipKind;
+    offsets?: number[];
+    onDeferred?: () => void;
+    position?: Position;
+    altPosition?: Position;
+    showOn?: TooltipShowTrigger;
+    title?: string | React.ReactNode;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsTooltip({ children, className, for: forProp, "data-testid": testId, hideDelay, isShown, kind, offsets, onDeferred, position, altPosition, showOn, style, title, unsafelyReplaceClassName, }: SpsTooltipProps): React.ReactPortal;

package/lib/tooltip/SpsTooltip.examples.d.ts

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

package/lib/tooltip/SpsTooltipTitle.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import { SpsIconSize } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsTooltipTitleProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    icon?: SpsIcon;
+    iconSize?: SpsIconSize;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsTooltipTitle({ icon, iconSize, children, }: SpsTooltipTitleProps): React.JSX.Element;

package/lib/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsTooltip";
+export * from "./SpsTooltipTitle";
+export * from "./SpsTooltip.examples";

package/lib/utils/FauxChangeEvent.d.ts

@@ -0,0 +1,20 @@
+import type { ChangeEvent } from "react";
+export declare class FauxChangeEvent<T> implements ChangeEvent<T> {
+    target: EventTarget & T;
+    nativeEvent: Event;
+    currentTarget: EventTarget & T;
+    private isPgStoppedInternal;
+    constructor(target: EventTarget & T, eventInit?: EventInit);
+    get bubbles(): boolean;
+    get cancelable(): boolean;
+    get defaultPrevented(): boolean;
+    get eventPhase(): number;
+    get isTrusted(): boolean;
+    get timeStamp(): number;
+    get type(): string;
+    preventDefault(): void;
+    isDefaultPrevented(): boolean;
+    stopPropagation(): void;
+    isPropagationStopped(): boolean;
+    persist(): void;
+}

package/lib/utils/Provide.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/**
+ * This is the use case for Nested: wrapping JSX in a flat list of
+ * multiple React context providers instead of creating a pyramid of doom.
+ *
+ * bindProps (see bindProps.tsx in this same directory) was
+ * created to be used with this, so you can set props on the
+ * providers, including and especially `value` on the built-in
+ * context object's `.Provider` component.
+ *
+ * <Provide providers={[
+ *   ProplessProviderFromALibrary,
+ *   bindProps(MyReallyUsefulContext.Provider, { value: "foo" }),
+ *   // ...etc
+ * ]}>
+ *   (component tree that will have access to context from these providers)
+ * </Provide>
+ */
+type ProvideProps = React.HTMLProps<HTMLDivElement> & {
+    providers?: React.ElementType[];
+};
+export declare const Provide: React.FC<ProvideProps>;
+export declare const SpsApp: React.FC<ProvideProps>;
+export {};

package/lib/utils/bindProps.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * takes in an ElementType (e.g. a React component) and
+ * returns a new version of that component where certain
+ * props are ALWAYS set to predefined values.
+ *
+ * for example, consider the following component:
+ * const Foo: React.FC<{
+ *   a: string;
+ *   b: string;
+ * }> = function ({ a, b }) {
+ *   return (
+ *     <span>
+ *       a is {a} and b is {b}
+ *     </span>
+ *   );
+ * };
+ *
+ * <Foo a="dog" b="cat"/> would produce <span>a is dog and b is cat</span>
+ *
+ * But if you bind the prop a...
+ * const FooWithBoundA = bindProps(Foo, { a: "parakeet" });
+ *
+ * then <FooWithBoundA b="cat"/> will produce <span>a is parakeet and b is cat</span>
+ *
+ * The type of the props is the same, except that prop a is pre-set and so no
+ * longer something that can be passed in.
+ *
+ * This was created to be used with <Provide> (see Provide.tsx in this same directory),
+ * but may have other use cases.
+ */
+export type BoundFC<T extends React.ElementType, K extends Partial<React.ComponentProps<T>>> = React.FC<Omit<React.ComponentProps<T>, keyof K>>;
+export declare function bindProps<T extends React.ElementType, K extends Partial<React.ComponentProps<T>>>(E: T, boundProps: K, deps?: unknown[]): BoundFC<T, K>;

package/lib/utils/contentOf.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare function contentOf(nodeOrRenderFn: ReactNode | (() => ReactNode)): ReactNode;

package/lib/utils/getPosition.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, RefObject } from "react";
+import { Position } from "@spscommerce/ds-shared";
+export declare function flipPosition(position: Position): Position;
+export declare function getPosition(subjectRef: RefObject<HTMLElement>, targetRef: RefObject<HTMLElement>, position: Position, { altPosition, setMinWidth, setWidth, parentElementRef, fixed, offsets, }: {
+    altPosition?: Position;
+    setMinWidth?: boolean;
+    setWidth?: boolean;
+    parentElementRef?: RefObject<HTMLElement>;
+    fixed?: boolean;
+    offsets?: [number, number];
+}): [CSSProperties, boolean];

package/lib/utils/getScrollParent.d.ts

@@ -0,0 +1 @@
+export declare const getScrollParent: (node: any) => any;

package/lib/utils/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./bindProps";
+export * from "./contentOf";
+export * from "./FauxChangeEvent";
+export * from "./getPosition";
+export * from "./Provide";
+export * from "./selectChildren";
+export * from "./useCheckDeprecatedProps";
+export * from "./useDidUpdateEffect";
+export * from "./useDocumentEventListener";
+export * from "./useElementId";
+export * from "./useInputPopup";
+export * from "./usePatchReducer";
+export * from "./usePortal";
+export * from "./letterAndNumberKeys";

package/lib/utils/letterAndNumberKeys.d.ts

@@ -0,0 +1 @@
+export declare const letterAndNumberKeys: string[];

package/lib/utils/selectChildren.d.ts

@@ -0,0 +1,5 @@
+export interface ISelectChildrenGroup {
+    type?: any;
+    props?: Record<string, any>;
+}
+export declare function selectChildren(children?: any, groups?: Array<ISelectChildrenGroup | ISelectChildrenGroup[]>): any[][];

package/lib/utils/useCheckDeprecatedProps.d.ts

@@ -0,0 +1 @@
+export declare function useCheckDeprecatedProps(componentName: string, propsDoc: Record<string, any>, props: any): void;

package/lib/utils/useDidUpdateEffect.d.ts

@@ -0,0 +1,11 @@
+import type { EffectCallback } from "react";
+/**
+ * Like useEffect, but skips the initial mount and only runs on subsequent updates.
+ *
+ * React Strict Mode compatibility:
+ * Strict Mode simulates unmount/remount cycles in development. Without the cleanup
+ * effect below, the ref would persist as `true` across the simulated remount,
+ * causing the callback to fire on what should still be the initial mount.
+ * The empty-deps effect resets the ref on unmount, ensuring correct behavior.
+ */
+export declare function useDidUpdateEffect(cb: EffectCallback, deps?: any[]): void;

package/lib/utils/useDocumentEventListener.d.ts

@@ -0,0 +1 @@
+export declare function useDocumentEventListener(eventName: string, listenerFactory: (...args: unknown[]) => EventListenerOrEventListenerObject, deps: unknown[]): void;

package/lib/utils/useElementId.d.ts

@@ -0,0 +1,3 @@
+export declare function useElementId(id?: string): {
+    current: string;
+};

package/lib/utils/useInputPopup.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement | null>, popupRef: React.MutableRefObject<HTMLElement | null>, onHide?: () => void): {
+    showPopup: boolean;
+    doShowPopup: () => void;
+    doHidePopup: (suppressNextShow?: any) => void;
+};

package/lib/utils/usePatchReducer.d.ts

@@ -0,0 +1,2 @@
+import type { Dispatch } from "react";
+export declare function usePatchReducer<T>(initState: T): [T, Dispatch<Partial<T>>];

package/lib/utils/usePortal.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode, ReactPortal, RefObject } from "react";
+export declare const PortalContext: import("react").Context<{
+    parentElementRef?: RefObject<HTMLElement>;
+    fixed?: boolean;
+} | null>;
+export declare function usePortal(id: string, classes?: string[]): (jsx: ReactNode) => ReactPortal;

package/lib/vertical-rule/SpsVerticalRule.d.ts

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

package/lib/vertical-rule/index.d.ts

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

package/lib/wizard/SpsWizard.examples.d.ts

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

package/lib/wizard/SpsWizardSidebar.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export interface WizardStep {
+    title: string;
+    percentComplete: number;
+    active: boolean;
+    disabled: boolean;
+    onClick?: () => void;
+}
+export interface WizardPhase {
+    steps: WizardStep[];
+    title: string;
+    disabled: boolean;
+}
+export type SpsWizardSidebarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    phases?: WizardPhase[];
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): React.JSX.Element;

package/lib/wizard/SpsWizardSubstep.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { WizardSubstepConditions } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsWizardSubstepProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    condition: WizardSubstepConditions;
+    display: string;
+    orderPosition: string | number;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): React.JSX.Element;

package/lib/wizard/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsWizard.examples";
+export * from "./SpsWizardSidebar";
+export * from "./SpsWizardSubstep";

package/lib/workflow/SpsWorkflow.DeprecationWarning.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function SpsWorkflowDeprecationWarning(): React.JSX.Element;

package/lib/workflow/SpsWorkflow.d.ts

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

package/lib/workflow/SpsWorkflow.examples.d.ts

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

package/lib/workflow/SpsWorkflowDocument.d.ts

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

package/lib/workflow/SpsWorkflowDocumentStatus.d.ts

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

package/lib/workflow/SpsWorkflowStep.d.ts

@@ -0,0 +1,9 @@
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsWorkflowStepProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    icon: SpsIcon;
+    title: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): React.JSX.Element;
+export declare function SpsWfStep(props: SpsWorkflowStepProps): React.JSX.Element;

package/lib/workflow/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./SpsWorkflow";
+export * from "./SpsWorkflowStep";
+export * from "./SpsWorkflowDocumentStatus";
+export * from "./SpsWorkflowDocument";
+export * from "./SpsWorkflow.examples";

package/lib/zero-state/SpsMicroZeroState.d.ts

@@ -0,0 +1,10 @@
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsMicroZeroStateProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    illustration?: string;
+    icon?: SpsIcon;
+    heading?: React.ReactNode | (() => React.ReactNode);
+    subHeading?: React.ReactNode | (() => React.ReactNode);
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): React.JSX.Element;

package/lib/zero-state/SpsZeroState.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsZeroStateProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    illustration?: string;
+    artwork?: string;
+    heading: string;
+    subHeading?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsZeroState(props: SpsZeroStateProps): React.JSX.Element;

package/lib/zero-state/SpsZeroState.examples.d.ts

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

package/lib/zero-state/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsMicroZeroState";
+export * from "./SpsZeroState";
+export * from "./SpsZeroState.examples";