@salt-ds/lab 1.0.0-alpha.6 → 1.0.0-alpha.60

package/dist-types/common-hooks/selectionTypes.d.ts

@@ -1,5 +1,5 @@
-import { SyntheticEvent } from "react";
-import { CollectionItem } from "./collectionTypes";
+import type { KeyboardEvent, MouseEvent, SyntheticEvent } from "react";
+import type { CollectionItem } from "./collectionTypes";
 export declare const SINGLE = "default";
 export declare const MULTIPLE = "multiple";
 export declare const EXTENDED = "extended";
@@ -20,10 +20,10 @@ export interface SelectionProps<Item, Selection extends SelectionStrategy = "def
     selectionStrategy?: Selection;
 }
 export interface ListHandlers {
-    onClick?: (event: React.MouseEvent) => void;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
-    onMouseMove?: (event: React.MouseEvent) => void;
+    onClick?: (event: MouseEvent) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyboardNavigation?: (event: KeyboardEvent, currentIndex: number) => void;
+    onMouseMove?: (event: MouseEvent) => void;
 }
 export interface SelectionHookProps<Item, Selection extends SelectionStrategy = "default"> extends SelectionProps<CollectionItem<Item>, Selection> {
     disableSelection?: boolean;

package/dist-types/common-hooks/useAutoSizer.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export interface ListAutosizerProps {
     containerRef: RefObject<Element>;
     responsive: boolean;

package/dist-types/common-hooks/useCollapsibleGroups.d.ts

@@ -1,5 +1,5 @@
-import { ListHandlers } from "./selectionTypes";
-import { CollectionHookResult } from "./collectionTypes";
+import type { CollectionHookResult } from "./collectionTypes";
+import type { ListHandlers } from "./selectionTypes";
 interface CollapsibleHookProps<Item> {
     collapsibleHeaders?: boolean;
     collectionHook: CollectionHookResult<Item>;

package/dist-types/common-hooks/useCollectionItems.d.ts

@@ -1,2 +1,2 @@
-import { CollectionHookProps, CollectionHookResult } from "./collectionTypes";
+import type { CollectionHookProps, CollectionHookResult } from "./collectionTypes";
 export declare const useCollectionItems: <Item>({ children, id: idRoot, label, options, source, }: CollectionHookProps<Item>) => CollectionHookResult<Item>;

package/dist-types/common-hooks/useImperativeScrollingAPI.d.ts

@@ -1,5 +1,5 @@
-import { ForwardedRef, MutableRefObject } from "react";
-import { CollectionHookResult, CollectionItem } from "./collectionTypes";
+import { type ForwardedRef, type MutableRefObject } from "react";
+import type { CollectionHookResult, CollectionItem } from "./collectionTypes";
 export interface ScrollingAPI<Item> {
     scrollToIndex: (itemIndex: number) => void;
     scrollToItem: (item: Item) => void;

package/dist-types/common-hooks/useKeyboardNavigation.d.ts

@@ -1,4 +1,4 @@
-import { NavigationHookProps, NavigationHookResult } from "./navigationTypes";
-import { SelectionStrategy } from "./selectionTypes";
+import type { NavigationHookProps, NavigationHookResult } from "./navigationTypes";
+import { type SelectionStrategy } from "./selectionTypes";
 export declare const LIST_FOCUS_VISIBLE = -2;
 export declare const useKeyboardNavigation: <Item, Selection_1 extends SelectionStrategy>({ containerRef, defaultHighlightedIndex, disableHighlightOnFocus, highlightedIndex: highlightedIndexProp, indexPositions, onHighlight, onKeyboardNavigation, restoreLastFocus, selected, }: NavigationHookProps<Item, Selection_1>) => NavigationHookResult;

package/dist-types/common-hooks/useKeyboardNavigationPanel.d.ts

@@ -1,2 +1,2 @@
-import { NavigationProps, NavigationHookResult } from "./navigationTypes";
+import type { NavigationHookResult, NavigationProps } from "./navigationTypes";
 export declare const useKeyboardNavigationPanel: ({ cycleFocus, defaultHighlightedIndex: defaultHighlightedIdx, focusOnHighlight, highlightedIndex: highlightedIdxProp, indexPositions, onHighlight, onKeyboardNavigation, }: NavigationProps) => NavigationHookResult;

package/dist-types/common-hooks/useSelection.d.ts

@@ -1,4 +1,4 @@
-import { SelectionHookProps, SelectionHookResult, SelectionStrategy } from "./selectionTypes";
+import type { SelectionHookProps, SelectionHookResult, SelectionStrategy } from "./selectionTypes";
 export declare const CHECKBOX = "checkbox";
 export declare const GROUP_SELECTION_NONE = "none";
 export declare const GROUP_SELECTION_SINGLE = "single";

package/dist-types/common-hooks/useTypeahead.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { CollectionItem } from "./collectionTypes";
+import { type KeyboardEvent } from "react";
+import type { CollectionItem } from "./collectionTypes";
 interface TypeaheadHookProps<Item> {
     disableTypeToSelect?: boolean;
     highlightedIdx: number;
@@ -9,7 +9,7 @@ interface TypeaheadHookProps<Item> {
     items: CollectionItem<Item>[];
 }
 interface TypeaheadHookResult {
-    onKeyDown?: (e: React.KeyboardEvent) => void;
+    onKeyDown?: (e: KeyboardEvent) => void;
 }
 export declare const useTypeahead: <Item>({ disableTypeToSelect, highlightedIdx, highlightItemAtIndex, typeToNavigate, items, applyIncrementalSearch, }: TypeaheadHookProps<Item>) => TypeaheadHookResult;
 export {};

package/dist-types/common-hooks/useViewportTracking.d.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject, RefObject } from "react";
-import { CollectionItem } from "./collectionTypes";
+import { type MutableRefObject, type RefObject } from "react";
+import type { CollectionItem } from "./collectionTypes";
 export interface ViewportTrackingProps<Item> {
     containerRef: RefObject<HTMLElement>;
     contentRef?: RefObject<HTMLElement>;

package/dist-types/common-hooks/utils/collection-item-utils.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from "react";
-import { CollectionItem, CollectionOptions } from "../collectionTypes";
+import { type ReactElement, type ReactNode } from "react";
+import type { CollectionItem, CollectionOptions } from "../collectionTypes";
 export declare const sourceItemHasProp: (item: unknown, propertyName: string) => boolean;
 export declare const isHeader: (item: unknown) => boolean;
 export declare const isGroupNode: (item: unknown) => boolean;

package/dist-types/common-hooks/utils/isSelected.d.ts

@@ -1,2 +1,2 @@
-import { CollectionItem } from "../collectionTypes";
+import type { CollectionItem } from "../collectionTypes";
 export declare function isSelected<Item>(selected: CollectionItem<Item> | CollectionItem<Item>[] | null, item: CollectionItem<Item>): boolean;

package/dist-types/contact-details/ContactAction.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps, TooltipProps } from "@salt-ds/core";
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType } from "react";
+import { type ButtonProps, type TooltipProps } from "@salt-ds/core";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType } from "react";
 export declare type ContactActionProps = ButtonProps & {
     accessibleText?: string;
     tooltipProps?: TooltipProps;

package/dist-types/contact-details/ContactActions.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const ContactActions: import("react").ForwardRefExoticComponent<ContactActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/contact-details/ContactAvatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { AvatarProps } from "@salt-ds/core";
+import { type AvatarProps } from "@salt-ds/core";
 export declare type ContactAvatarProps = AvatarProps;
 export declare const ContactAvatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/contact-details/ContactDetails.d.ts

@@ -1,5 +1,4 @@
-import { HTMLAttributes } from "react";
-import "./ContactDetails.css";
+import { type HTMLAttributes } from "react";
 export declare type ContactDetailsVariant = "default" | "compact" | "mini";
 export interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {
     variant?: ContactDetailsVariant;

package/dist-types/contact-details/ContactFavoriteToggle.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { TooltipProps } from "@salt-ds/core";
-import { FavoriteToggleWithTooltipProps } from "./internal";
+import { type TooltipProps } from "@salt-ds/core";
+import { type FavoriteToggleWithTooltipProps } from "./internal";
 export interface ContactFavoriteToggleProps extends FavoriteToggleWithTooltipProps {
     isFavorite?: boolean;
     defaultIsFavorite?: boolean;

package/dist-types/contact-details/ContactMetadata.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {
     collapsible?: boolean;
     collapseButtonId?: string;

package/dist-types/contact-details/ContactMetadataItem.d.ts

@@ -1,6 +1,6 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-import { ValueComponentProps } from "./types";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
+import type { ValueComponentProps } from "./types";
 export interface ContactMetadataItemProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
     value: string;

package/dist-types/contact-details/ContactPrimaryInfo.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-export interface ContactPrimaryInfoProps extends HTMLAttributes<HTMLDivElement> {
+import { type HTMLAttributes } from "react";
+export interface ContactPrimaryInfoProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     text: string;
 }
 export declare const ContactPrimaryInfo: import("react").ForwardRefExoticComponent<ContactPrimaryInfoProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/contact-details/ContactSecondaryInfo.d.ts

@@ -1,7 +1,7 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-import { ValueComponentProps } from "./types";
-export interface ContactSecondaryInfoProps extends HTMLAttributes<HTMLDivElement> {
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
+import type { ValueComponentProps } from "./types";
+export interface ContactSecondaryInfoProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     icon?: ComponentType<IconProps>;
     text: string;
     ValueComponent?: ComponentType<ValueComponentProps>;

package/dist-types/contact-details/ContactTertiaryInfo.d.ts

@@ -1,6 +1,6 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-export interface ContactTertiaryInfoProps extends HTMLAttributes<HTMLDivElement> {
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
+export interface ContactTertiaryInfoProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     icon?: ComponentType<IconProps>;
     text: string;
 }

package/dist-types/contact-details/MailLinkComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { ValueComponentProps } from "./types";
-export declare const MailLinkComponent: (props: ValueComponentProps) => JSX.Element;
+import type { ValueComponentProps } from "./types";
+export declare const MailLinkComponent: (props: ValueComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/contact-details/internal/ContactDetailsContext.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ContactDetailsVariant } from "../ContactDetails";
+import type { ContactDetailsVariant } from "../ContactDetails";
 export interface ContactDetailsContext {
     variant: ContactDetailsVariant;
     primary?: string;

package/dist-types/contact-details/internal/FavoriteToggle.d.ts

@@ -1,12 +1,12 @@
-import React, { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
-import { StarIconContainerProps } from "./StarIconContainer";
+import { type FocusEventHandler, type KeyboardEventHandler, type MouseEvent, type MouseEventHandler } from "react";
+import { type StarIconContainerProps } from "./StarIconContainer";
 export interface FavoriteToggleProps extends Omit<StarIconContainerProps, "onChange"> {
     onBlur?: FocusEventHandler;
     onChange?: (isSelected: boolean) => void;
-    onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
     onFocus?: FocusEventHandler;
     onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;
     onMouseEnter?: MouseEventHandler<HTMLSpanElement>;
     onMouseLeave?: MouseEventHandler<HTMLSpanElement>;
 }
-export declare const FavoriteToggle: React.ForwardRefExoticComponent<FavoriteToggleProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const FavoriteToggle: import("react").ForwardRefExoticComponent<FavoriteToggleProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/contact-details/internal/FavoriteToggleWithTooltip.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { TooltipProps } from "@salt-ds/core";
-import { FavoriteToggleProps } from "./FavoriteToggle";
+import { type TooltipProps } from "@salt-ds/core";
+import { type FavoriteToggleProps } from "./FavoriteToggle";
 export interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {
     tooltipProps?: TooltipProps;
     tooltipTitle?: string;

package/dist-types/contact-details/internal/StarIcon.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
 export interface StarIconProps {
     className?: string;
     selected?: boolean;
     highlighted?: boolean;
 }
-export declare const StarIcon: React.ForwardRefExoticComponent<StarIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const StarIcon: import("react").ForwardRefExoticComponent<StarIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist-types/contact-details/internal/StarIconContainer.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export interface StarIconContainerProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     isFocusVisible?: boolean;
@@ -6,4 +6,4 @@ export interface StarIconContainerProps extends HTMLAttributes<HTMLSpanElement>
     isHighlighted?: boolean;
     isSelected?: boolean;
 }
-export declare const StarIconContainer: React.ForwardRefExoticComponent<StarIconContainerProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const StarIconContainer: import("react").ForwardRefExoticComponent<StarIconContainerProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/contact-details/internal/useComponentSize.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from "react";
+import { type MutableRefObject } from "react";
 export interface ComponentSize {
     height?: number;
     width: number;

package/dist-types/contact-details/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export interface ValueComponentProps extends HTMLAttributes<HTMLSpanElement> {
+import type { HTMLAttributes } from "react";
+export interface ValueComponentProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"> {
     value?: string;
 }

package/dist-types/content-status/ContentStatus.d.ts

@@ -1,6 +1,5 @@
-import { HTMLAttributes, MouseEvent, Ref } from "react";
-import { StatusIndicatorProps } from "./internal/StatusIndicator";
-import "./ContentStatus.css";
+import { type HTMLAttributes, type MouseEvent, type Ref } from "react";
+import { type StatusIndicatorProps } from "./internal/StatusIndicator";
 export interface ContentStatusProps extends HTMLAttributes<HTMLDivElement>, StatusIndicatorProps {
     actionLabel?: string;
     buttonRef?: Ref<any>;

package/dist-types/content-status/internal/StatusIndicator.d.ts

@@ -1,7 +1,7 @@
-import { StatusIndicatorProps as BaseStatusIndicatorProps, SpinnerProps } from "@salt-ds/core";
-import { ReactElement } from "react";
-import { CircularProgressProps } from "../../progress";
-export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnouncer">, Pick<CircularProgressProps, "unit" | "value"> {
+import { type StatusIndicatorProps as BaseStatusIndicatorProps, type SpinnerProps } from "@salt-ds/core";
+import type { ReactElement } from "react";
+import { type CircularProgressProps } from "@salt-ds/core";
+export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnouncer">, Pick<CircularProgressProps, "value"> {
     title?: string;
     message?: string;
     CircularProgressProps?: Partial<CircularProgressProps>;
@@ -9,4 +9,4 @@ export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnounc
     id?: string;
     status?: BaseStatusIndicatorProps["status"] | "loading";
 }
-export declare function StatusIndicator({ status, disableAnnouncer, unit, value, title, message, CircularProgressProps: { className: circularProgressClassName, ...restCircularProgressProps }, SpinnerProps: { className: spinnerClassName, ...restSpinnerProps }, id, }: StatusIndicatorProps): ReactElement;
+export declare function StatusIndicator({ status, disableAnnouncer, value, title, message, CircularProgressProps: { className: circularProgressClassName, ...restCircularProgressProps }, SpinnerProps: { className: spinnerClassName, ...restSpinnerProps }, id, }: StatusIndicatorProps): ReactElement;

package/dist-types/date-input/DateInputRange.d.ts

@@ -0,0 +1,132 @@
+import { type InputProps } from "@salt-ds/core";
+import type { DateDetail, DateFrameworkType, ParserResult } from "@salt-ds/date-adapters";
+import { type ChangeEvent, type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref, type SyntheticEvent } from "react";
+import type { DateRangeSelection } from "../calendar";
+/**
+ * DateInputRange raw value or null if no date is defined.
+ */
+export declare type DateInputRangeValue = {
+    startDate?: string | null;
+    endDate?: string | null;
+};
+/**
+ * Details of parsing the date range
+ */
+export declare type DateInputRangeDetails = {
+    /** Details of parsing the start date and applying any validation */
+    startDate?: DateDetail;
+    /** Details of parsing the end date and applying any validation */
+    endDate?: DateDetail;
+};
+/**
+ * Enum to identify the field being parsed
+ */
+export declare enum DateParserField {
+    START = "start",
+    END = "end"
+}
+/**
+ * Props for the DateInputRange component.
+ * @template T
+ */
+export interface DateInputRangeProps<TDate extends DateFrameworkType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange">, Omit<InputProps, "defaultValue" | "inputRef" | "value" | "onChange"> {
+    /**
+     * The aria-label for accessibility.
+     */
+    ariaLabel?: string;
+    /**
+     * Styling variant with full border. Defaults to false.
+     */
+    bordered?: boolean;
+    /**
+     * The marker to use in an empty read-only DateInput.
+     * Use `''` to disable this feature. Defaults to '—'.
+     */
+    emptyReadOnlyMarker?: string;
+    /**
+     * End adornment component.
+     */
+    endAdornment?: ReactNode;
+    /**
+     * Attributes applied to the start `input` element.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes
+     */
+    startInputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Attributes applied to the end `input` element.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes
+     */
+    endInputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * If `true`, the component is read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Format string for date.
+     */
+    format?: string;
+    /**
+     * Optional ref for the start input component.
+     */
+    startInputRef?: Ref<HTMLInputElement>;
+    /**
+     * Optional ref for the end input component.
+     */
+    endInputRef?: Ref<HTMLInputElement>;
+    /**
+     * Locale for date formatting and parsing
+     */
+    locale?: any;
+    /**
+     * Parser callback, if not using the adapter's parser
+     * @param value - date string to parse
+     * @param field: DateParserField to identify value,
+     * @param format - format required
+     * @param locale - locale required
+     */
+    parse?: (value: string, field: DateParserField, format: string, locale?: any) => ParserResult<TDate>;
+    /**
+     * Input value. Use when the input value is controlled.
+     */
+    value?: DateInputRangeValue;
+    /**
+     * The initial input value. Use when the component is uncontrolled.
+     */
+    defaultValue?: DateInputRangeValue;
+    /**
+     * The date value. Use when the component is controlled.
+     */
+    date?: DateRangeSelection<TDate> | null;
+    /**
+     * The initial selected date value. Use when the component is uncontrolled.
+     */
+    defaultDate?: DateRangeSelection<TDate> | null;
+    /**
+     * Callback fired when the input value changes.
+     * @param event - The change event.
+     * @param date - The new date input range value.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param date - the selected date, invalid date if not a valid date or undefined (uncontrolled) or null (controlled) if not defined
+     * @param details - The details of date selection, either a valid date or error
+     */
+    onDateChange?: (event: SyntheticEvent, date: DateRangeSelection<TDate> | null, details: DateInputRangeDetails) => void;
+    /**
+     * Called when input values change, either due to user interaction or programmatic formatting of valid dates.
+     * @param event - The synthetic event or null if a programmatic change.
+     * @param newValue - The new date input range value.
+     */
+    onDateValueChange?: (event: SyntheticEvent | null, newValue: DateInputRangeValue) => void;
+}
+export declare const DateInputRange: import("react").ForwardRefExoticComponent<DateInputRangeProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-input/DateInputSingle.d.ts

@@ -0,0 +1,100 @@
+import type { DateDetail, DateFrameworkType, ParserResult } from "@salt-ds/date-adapters";
+import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref, type SyntheticEvent } from "react";
+import type { SingleDateSelection } from "../calendar";
+/**
+ * Details of parsing the date
+ */
+export declare type DateInputSingleDetails = DateDetail;
+/**
+ * Props for the DateInputSingle component.
+ * @template T
+ */
+export interface DateInputSingleProps<TDate extends DateFrameworkType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
+    /**
+     * The aria-label for accessibility.
+     */
+    ariaLabel?: string;
+    /**
+     * Styling variant with full border. Defaults to false.
+     */
+    bordered?: boolean;
+    /**
+     * The marker to use in an empty read-only DateInput.
+     * Use `''` to disable this feature. Defaults to '—'.
+     */
+    emptyReadOnlyMarker?: string;
+    /**
+     * End adornment component.
+     */
+    endAdornment?: ReactNode;
+    /**
+     * Attributes applied to the `input` element.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * If `true`, the component is read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Start adornment component
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Format string for date.
+     */
+    format?: string;
+    /**
+     * Reference for the input.
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Locale for date formatting and parsing
+     */
+    locale?: any;
+    /**
+     * Parser callback, if not using the adapter's parser
+     * @param value - date string to parse
+     * @param format - format required
+     * @param locale - locale required
+     */
+    parse?: (value: string, format: string, locale?: any) => ParserResult<TDate>;
+    /**
+     * Input value. Use when the input value is controlled.
+     */
+    value?: string;
+    /**
+     * The initial input value. Use when the component is uncontrolled.
+     */
+    defaultValue?: string;
+    /**
+     * The date value. Use when the component is controlled.
+     */
+    date?: TDate | null;
+    /**
+     * The initial selected date value. Use when the component is uncontrolled.
+     */
+    defaultDate?: TDate | null;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param date - the selected date, invalid date if not a valid date or undefined (uncontrolled) or null (controlled) if not defined
+     * @param details - The details of date selection, either a valid date or error
+     */
+    onDateChange?: (event: SyntheticEvent, date: SingleDateSelection<TDate> | null | undefined, details: DateInputSingleDetails) => void;
+    /**
+     * Called when input value changes, either due to user interaction or programmatic formatting of valid dates.
+     * @param event - The synthetic event or null if a programmatic change.
+     * @param newValue - The new date input value.
+     */
+    onDateValueChange?: (event: SyntheticEvent | null, newValue: string) => void;
+}
+export declare const DateInputSingle: import("react").ForwardRefExoticComponent<DateInputSingleProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DateInputSingle";
+export * from "./DateInputRange";

package/dist-types/date-picker/DatePicker.d.ts

@@ -0,0 +1,42 @@
+import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import { type ReactNode } from "react";
+import { type UseDatePickerRangeProps, type UseDatePickerSingleProps } from "./useDatePicker";
+/**
+ * Base props for DatePicker.
+ */
+export interface DatePickerBaseProps {
+    className?: string;
+    children?: ReactNode;
+    /** the open/close state of the overlay. The open/close state will be controlled when this prop is provided. */
+    open?: boolean;
+    /**
+     * Handler for when open state changes
+     * @param newOpen - true when opened
+     */
+    onOpen?: (newOpen: boolean) => void;
+    /**
+     * the initial open/close state of the overlay, when the open/close state is un-controlled.
+     */
+    defaultOpen?: DatePickerBaseProps["open"];
+}
+/**
+ * Props for the DatePicker component, when `selectionVariant` is `single`.
+ * @template T
+ */
+export interface DatePickerSingleProps<TDate extends DateFrameworkType> extends DatePickerBaseProps, UseDatePickerSingleProps<TDate> {
+    selectionVariant: "single";
+}
+/**
+ * Props for the DatePicker component, when `selectionVariant` is `range`.
+ * @template T
+ */
+export interface DatePickerRangeProps<TDate extends DateFrameworkType> extends DatePickerBaseProps, UseDatePickerRangeProps<TDate> {
+    selectionVariant: "range";
+}
+/**
+ * Props for the DatePicker component.
+ * @template T
+ */
+export declare type DatePickerProps<TDate extends DateFrameworkType> = DatePickerSingleProps<TDate> | DatePickerRangeProps<TDate>;
+export declare const DatePickerMain: import("react").ForwardRefExoticComponent<DatePickerProps<any> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;