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

package/README.md

@@ -0,0 +1,55 @@
+[//]: # "START_AUTOGENERATED"
+
+## [@spscommerce/ds-react](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react#readme)
+
+![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)
+![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)
+![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)
+
+SPS Design System React components 
+ 
+ ### Installation 
+ 
+ ```shell
+npm install --save @spscommerce/ds-react
+```
+
+#### Peer Dependencies
+
+<div class="row">
+    <div class="col-5"> 
+    <table class="sps-table">
+        <thead class="sps-table__head">
+            <tr class="sps-table__row">
+                <th class="sps-table__header">
+                    <span class="sps-table__header-cell-body">    
+                        Package
+                    </span>
+                </th>
+                <th class="sps-table__header text-right">
+                    <span class="sps-table__header-cell-body">    
+                        Version
+                    </span>
+                </th>
+            </tr>
+        </thead>
+        <tbody class="sps-table__body">
+            <tr class="sps-table__row"><td class="sps-table__cell"><a href="https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme">@spscommerce/ds-shared</a></td><td class="sps-table__cell text-right">^1.1.0</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme">@spscommerce/positioning</a></td><td class="sps-table__cell text-right">^1.1.0</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme">@spscommerce/utils</a></td><td class="sps-table__cell text-right">^1.1.0</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="lukeed/clsx">clsx</a></td><td class="sps-table__cell text-right">^1.0.3</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://momentjs.com">moment</a></td><td class="sps-table__cell text-right">^2.25.3</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="http://momentjs.com/timezone/">moment-timezone</a></td><td class="sps-table__cell text-right">^0.5.28</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://facebook.github.io/react/">prop-types</a></td><td class="sps-table__cell text-right">^15.7.2</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://reactjs.org/">react</a></td><td class="sps-table__cell text-right">^16.9.0</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://reactjs.org/">react-dom</a></td><td class="sps-table__cell text-right">^16.9.0</td></tr>
+<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://scroll-into-view-if-needed.netlify.com">scroll-into-view-if-needed</a></td><td class="sps-table__cell text-right">^2.2.20</td></tr>
+        </tbody>
+    </table>
+    </div>
+    <div class="col-7">
+        &nbsp;
+    </div>
+</div>
+
+[//]: # "END_AUTOGENERATED"

package/lib/advanced-search/SpsAdvancedSearch.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { SpsFormProps } from "../form/SpsForm";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsAdvancedSearchProps = React.PropsWithChildren<SpsGlobalPropTypes & SpsFormProps & {
+    controlsDisabled?: boolean;
+    footerLinks?: React.ReactNode | (() => React.ReactNode);
+    isOpen?: boolean;
+    onClear?: () => void;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsAdvancedSearch(props: SpsAdvancedSearchProps): React.JSX.Element;

package/lib/advanced-search/SpsAdvancedSearch.examples.d.ts

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

package/lib/advanced-search/index.d.ts

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

package/lib/autocomplete/SpsAutocomplete.d.ts

@@ -0,0 +1,31 @@
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import type { Eventually } from "@spscommerce/utils";
+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 SpsAutocompleteProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    conformWidth?: boolean;
+    debounce?: number;
+    disabled?: boolean;
+    formControl?: SpsFormControl<string>;
+    formMeta?: SpsFormFieldMeta<string>;
+    icon?: SpsIcon;
+    onChange?: React.ChangeEventHandler;
+    onSelectionChange?: (newValue?: string) => void;
+    placeholder?: string;
+    suggestions: string[] | Promise<string[]> | ((filter?: string) => Eventually<string[]>);
+    textKey?: string;
+    captionKey?: string;
+    tallOptionList?: boolean;
+    value?: string;
+    zeroState?: string;
+    loading?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    disableOptionsMemoization?: boolean;
+    inputNotClearable?: boolean;
+    autoFocusOnSelection?: boolean;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare function SpsAutocomplete({ className, debounce, disabled, conformWidth, formControl, formMeta, onChange, onSelectionChange, icon, id, placeholder, suggestions, unsafelyReplaceClassName, textKey, captionKey, tallOptionList, value, zeroState, loading, maxHeightOptionListPx, maxHeightOptionListRem, disableOptionsMemoization, inputNotClearable, autoFocusOnSelection, "data-testid": testId, ...rest }: SpsAutocompleteProps): React.JSX.Element;

package/lib/autocomplete/SpsAutocomplete.examples.d.ts

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

package/lib/autocomplete/index.d.ts

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

package/lib/button/SpsButton.d.ts

@@ -0,0 +1,14 @@
+import { ButtonKind, ButtonType } from "@spscommerce/ds-shared";
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    href?: string;
+    icon?: SpsIcon;
+    kind?: ButtonKind;
+    spinning?: boolean;
+    spinningTitle?: string;
+    type?: ButtonType;
+}> & React.HTMLProps<HTMLButtonElement | HTMLAnchorElement>;
+export declare function SpsButton(props: SpsButtonProps): React.JSX.Element;

package/lib/button/SpsButton.examples.d.ts

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

package/lib/button/SpsButtonGroup.d.ts

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

package/lib/button/SpsIconButtonPanel.d.ts

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

package/lib/button/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SpsButton";
+export * from "./SpsButtonGroup";
+export * from "./SpsButton.examples";
+export * from "./SpsIconButtonPanel";

package/lib/card/SpsCard.d.ts

@@ -0,0 +1,11 @@
+import { SpsIcon } from '@spscommerce/ds-shared';
+import * as React from 'react';
+import type { SpsGlobalPropTypes } from '../prop-types';
+export type SpsCardProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activeTab?: string;
+    footer?: React.ReactNode | (() => React.ReactNode);
+    headerContent?: React.ReactNode | (() => React.ReactNode);
+    headerIcon?: SpsIcon;
+    headerTitle?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsCard(props: SpsCardProps): React.JSX.Element;

package/lib/card/SpsCardHeader.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 SpsCardHeaderProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    content?: React.ReactNode;
+    icon?: SpsIcon;
+    title?: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsCardHeader(props: SpsCardHeaderProps): React.JSX.Element;

package/lib/card/SpsCardTabbedPane.d.ts

@@ -0,0 +1,15 @@
+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 SpsCardTabbedPaneProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activateTab?: (target: HTMLAnchorElement, index: number, children: React.ReactNode) => void;
+    active?: boolean;
+    icon?: SpsIcon;
+    label?: string;
+    index?: number;
+    tag?: string;
+    tagKind?: TagKind;
+    tagIcon?: SpsIcon;
+}> & React.HTMLAttributes<HTMLAnchorElement>;
+export declare function SpsCardTabbedPane(props: SpsCardTabbedPaneProps): React.JSX.Element;

package/lib/card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsCard";
+export * from "./SpsCardTabbedPane";

package/lib/card/useTab.d.ts

@@ -0,0 +1,18 @@
+export interface ActiveCardState {
+    index: any;
+    content: any;
+}
+export interface TabProps {
+    index: any;
+    active: any;
+    activateTab: any;
+    "data-testid"?: string;
+}
+export type TabHook = [ActiveCardState, any];
+/**
+ * A react hook for tabs
+ * @param children
+ * @param activeTab
+ * @param isTabbedCard
+ */
+export declare function useTab(children: any, activeTab: any, isTabbedCard: any): TabHook;

package/lib/card-v2/SpsCardV2.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function SpsCardV2({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): React.JSX.Element;

package/lib/card-v2/SpsCardV2Footer.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function SpsCardV2Footer({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): React.JSX.Element;

package/lib/card-v2/SpsCardV2Header.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function SpsCardV2Header({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): React.JSX.Element;

package/lib/card-v2/SpsCardV2Title.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function SpsCardV2Title({ children, className, ...rest }: React.HTMLProps<HTMLDivElement>): React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import SpsCardV2 from "./SpsCardV2";
+import SpsCardV2Footer from "./SpsCardV2Footer";
+import SpsCardV2Header from "./SpsCardV2Header";
+import SpsCardV2Title from "./SpsCardV2Title";
+export { SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, };

package/lib/checkbox/SpsCheckbox.d.ts

@@ -0,0 +1,17 @@
+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 SpsCheckboxProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    formControl?: SpsFormControl<boolean>;
+    formMeta?: SpsFormFieldMeta<boolean>;
+    indeterminate?: boolean;
+    inline?: boolean;
+    label?: string;
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare function SpsCheckbox({ checked: checkedProp, className, disabled, formControl, formMeta, id, indeterminate: indeterminateProp, inline, label, onChange, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsCheckboxProps): React.JSX.Element;

package/lib/checkbox/SpsCheckbox.examples.d.ts

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

package/lib/checkbox/index.d.ts

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

package/lib/checkbox-dropdown/SpsCheckboxDropdown.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import { SpsCheckbox } from "../checkbox/SpsCheckbox";
+import { SpsDropdown } from "../dropdown/SpsDropdown";
+type PassthruCheckboxProps = Pick<Parameters<typeof SpsCheckbox>[0], "checked" | "onChange" | "indeterminate" | "disabled">;
+type PassthruDropdownProps = Pick<Parameters<typeof SpsDropdown>[0], "options">;
+export type SpsCheckboxDropdownProps = React.PropsWithChildren<SpsGlobalPropTypes & PassthruCheckboxProps & PassthruDropdownProps> & React.HTMLAttributes<HTMLElement>;
+export declare function SpsCheckboxDropdown(props: SpsCheckboxDropdownProps): React.JSX.Element;
+export {};

package/lib/checkbox-dropdown/index.d.ts

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

package/lib/clickable-tag/SpsClickableTag.d.ts

@@ -0,0 +1,12 @@
+import { ClickableTagKind } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsClickableTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    href?: string;
+    kind?: ClickableTagKind;
+    onAdd?: () => void;
+    onRemove?: () => void;
+    wrap?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsClickableTag(props: SpsClickableTagProps): React.JSX.Element;

package/lib/clickable-tag/SpsClickableTag.examples.d.ts

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

package/lib/clickable-tag/index.d.ts

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

package/lib/column-chooser/SpsColumnChooser.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsColumnChooserProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    maxSelectedColumns?: number | null;
+    unselectedColumns?: any[];
+    selectedColumns?: any[];
+    onApplyChanges?: (selectedColumns: ColumnProps[]) => void;
+    maxVisibleUnselectedColumns?: number;
+    updateInitialState?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export interface ColumnProps {
+    name: string;
+    value: string;
+    mandatory?: boolean;
+}
+export declare function SpsColumnChooser(props: SpsColumnChooserProps): React.JSX.Element;

package/lib/column-chooser/SpsColumnChooser.examples.d.ts

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

package/lib/column-chooser/SpsColumnChooserColumn.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsColumnChooserColumnProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    index?: number;
+    key?: string;
+    columnId?: string;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    name?: string;
+    value?: string;
+    onDelete?: (columnValue: string) => void;
+    mandatory?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsColumnChooserColumn(props: SpsColumnChooserColumnProps): React.JSX.Element;

package/lib/column-chooser/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsColumnChooser";
+export * from "./SpsColumnChooserColumn";
+export * from "./SpsColumnChooser.examples";

package/lib/conditional-field/SpsConditionalField.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsConditionalFieldProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    showCondition?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsConditionalField({ showCondition, children, className, ...rest }: SpsConditionalFieldProps): React.JSX.Element | null;

package/lib/conditional-field/SpsConditionalField.examples.d.ts

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

package/lib/conditional-field/index.d.ts

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

package/lib/content-row/SpsContentRow.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsContentRowProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    alternateLayout?: boolean;
+    cardSpacing?: boolean;
+    expanded?: boolean;
+    initiallyExpanded?: boolean;
+    onBeforeCollapsed?: () => boolean;
+    onBeforeExpanded?: () => boolean;
+    onSelectionChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onCollapsed?: () => void;
+    onExpanded?: () => void;
+    selectable?: boolean;
+    selected?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsContentRow(props: SpsContentRowProps): React.JSX.Element;

package/lib/content-row/SpsContentRow.examples.d.ts

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

package/lib/content-row/SpsContentRowCol.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsContentRowColProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    borderless?: boolean;
+    lean?: boolean;
+    leaner?: boolean;
+    widthPx?: number;
+    widthRem?: number;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsContentRowCol(props: SpsContentRowColProps): React.JSX.Element;

package/lib/content-row/SpsContentRowExpansion.d.ts

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

package/lib/content-row/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SpsContentRow";
+export * from "./SpsContentRowCol";
+export * from "./SpsContentRowExpansion";
+export * from "./SpsContentRow.examples";

package/lib/context-bar/SpsContextBar.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export declare const SpsContextBar: React.FC<{
+    viewing: React.ReactNode;
+    in?: React.ReactNode;
+    onChange?: () => void;
+}>;

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

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

package/lib/currency-input/SpsCurrencyInput.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsCurrencyInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<number>;
+    name?: string;
+    onChange?: (newValue: number) => void;
+    ref?: React.MutableRefObject<HTMLDivElement>;
+    value?: number;
+}> & React.HTMLAttributes<HTMLInputElement>;
+export declare function SpsCurrencyInput({ className, disabled, formMeta, id, name, onChange, ref, title, value, ...rest }: SpsCurrencyInputProps): React.JSX.Element;

package/lib/currency-input/SpsCurrencyInput.examples.d.ts

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

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

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

package/lib/dateRangePicker/SpsDateRangePicker.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SimpleDate, SimpleDateRange, DatePreset } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsDateRangePickerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    currentUser?: any;
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<SimpleDateRange | null | undefined>;
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    onChange?: (newDateRange?: SimpleDateRange | null, preset?: DatePreset["definition"]) => void;
+    presets?: DatePreset[];
+    selectedPreset?: string;
+    onPresetChange?: (newPreset?: string) => void;
+    value?: SimpleDateRange | null;
+    showTwoMonths?: boolean;
+    format?: string;
+}> & Omit<React.HTMLAttributes<HTMLInputElement>, "onChange" | "min" | "max" | "value">;
+export declare const DEFAULT_PRESETS: DatePreset[];
+export declare function SpsDateRangePicker({ children, className, currentUser, disabled, formMeta, id, maxDate, minDate, onChange, presets, selectedPreset: presetProp, onPresetChange, value, showTwoMonths, format, "data-testid": testId, ...rest }: SpsDateRangePickerProps): React.JSX.Element;

package/lib/dateRangePicker/SpsDateRangePicker.examples.d.ts

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

package/lib/dateRangePicker/index.d.ts

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

package/lib/dateTimeRangePicker/SpsDateTimeRangePicker.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SimpleMomentRange, SimpleDate, DateTimePreset } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsDateTimeRangePickerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    currentUser?: any;
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<SimpleMomentRange | undefined>;
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    onChange?: (newDateTimeRange?: SimpleMomentRange) => void;
+    presets?: DateTimePreset[];
+    value?: SimpleMomentRange;
+    showTwoMonths?: boolean;
+    twentyFourHour?: boolean;
+    format?: string;
+    placeholder12h?: string;
+    placeholder24h?: string;
+    selectedPreset?: string;
+    onPresetChange?: (newPreset?: string | null) => void;
+}> & Omit<React.HTMLAttributes<HTMLInputElement>, "onChange" | "min" | "max" | "value">;
+export declare const DEFAULT_DATETIME_PRESETS: DateTimePreset[];
+export declare function SpsDateTimeRangePicker({ className, currentUser, disabled, formMeta, id, maxDate, minDate, onChange, presets, value, showTwoMonths, twentyFourHour, format, "data-testid": testId, placeholder24h, placeholder12h, selectedPreset: presetProp, onPresetChange, }: SpsDateTimeRangePickerProps): React.JSX.Element;

package/lib/dateTimeRangePicker/SpsDateTimeRangePicker.examples.d.ts

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

package/lib/dateTimeRangePicker/index.d.ts

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

package/lib/datepicker/SpsDatepicker.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { SimpleDate } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+export type SpsDatepickerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    autoComplete?: string;
+    currentUser?: any;
+    disabled?: boolean;
+    formMeta?: SpsFormFieldMeta<SimpleDate | undefined>;
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    onChange?: (newDate: SimpleDate) => void;
+    value?: SimpleDate;
+    format?: string;
+    showTwoMonths?: boolean;
+    autoCloseOnSelect?: boolean;
+}> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value">;
+export declare function SpsDatepicker({ children, className, currentUser, disabled, formMeta, id, maxDate, minDate, onChange, value, format, showTwoMonths, autoCloseOnSelect, "data-testid": testId, ...rest }: SpsDatepickerProps): React.JSX.Element;

package/lib/datepicker/SpsDatepicker.examples.d.ts

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

package/lib/datepicker/SpsDatepickerCalendar.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SimpleDate, SimpleDateRange } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export type SpsDatepickerCalendarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    selectedRange?: SimpleDateRange;
+    isOpen?: boolean;
+    maxDate?: SimpleDate;
+    minDate?: SimpleDate;
+    currentUser?: any;
+    onNewSelection: (date: SimpleDate) => void;
+    selectedDate?: SimpleDate;
+    showTwoMonths?: boolean;
+    selectedPreset?: string | null;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsDatepickerCalendar(props: SpsDatepickerCalendarProps): React.JSX.Element;

package/lib/datepicker/SpsDatepickerPopup.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export 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 | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/lib/datepicker/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SpsDatepicker";
+export { SimpleDateUtils } from "./utils";
+export * from "./validation";
+export * from "./SpsDatepicker.examples";

package/lib/datepicker/useCalendar.d.ts

@@ -0,0 +1,2 @@
+import type { CalendarArray, SimpleDate } from "@spscommerce/ds-shared";
+export declare function useCalendar(month: SimpleDate): CalendarArray;

package/lib/datepicker/useMoment.d.ts

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