@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

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

@@ -1,17 +1,17 @@
-import { type DateValue } from "@internationalized/date";
+import type { DateFrameworkType } from "@salt-ds/date-adapters";
 import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarDateGridProps, type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type CalendarWeekHeaderProps, type DateRangeSelection } from "../calendar";
+import { type CalendarGridProps, type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type CalendarWeekHeaderProps, type DateRangeSelection } from "../calendar";
 /**
  * Props for the DatePickerRangePanel component.
  * @template T - The type of the selected date range.
  */
-export interface DatePickerRangePanelProps<T> extends ComponentPropsWithoutRef<"div"> {
+export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
     /**
      * Callback fired when a date range is selected.
      * @param event - The synthetic event.
      * @param selectedDate - The selected date range or null.
      */
-    onSelect?: (event: SyntheticEvent, selectedDate?: T | null) => void;
+    onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateRangeSelection<TDate> | null) => void;
     /**
      * Helper text to be displayed below the date picker.
      */
@@ -19,39 +19,39 @@ export interface DatePickerRangePanelProps<T> extends ComponentPropsWithoutRef<"
     /**
      * The currently visible month for the start date.
      */
-    startVisibleMonth?: DateValue;
+    startVisibleMonth?: TDate;
     /**
      * The default visible month for the start date.
      */
-    defaultStartVisibleMonth?: DateValue;
+    defaultStartVisibleMonth?: TDate;
     /**
      * Callback fired when the visible month for the start date changes.
      * @param event - The synthetic event.
      * @param visibleMonth - The new visible month for the start date.
      */
-    onStartVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
+    onStartVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: TDate) => void;
     /**
      * The currently visible month for the end date.
      */
-    endVisibleMonth?: DateValue;
+    endVisibleMonth?: TDate;
     /**
      * The default visible month for the end date.
      */
-    defaultEndVisibleMonth?: DateValue;
+    defaultEndVisibleMonth?: TDate;
     /**
      * Callback fired when the visible month for the end date changes.
      * @param event - The synthetic event.
      * @param visibleMonth - The new visible month for the end date.
      */
-    onEndVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
+    onEndVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: TDate) => void;
     /**
      * Props to be passed to the start date CalendarNavigation component.
      */
-    StartCalendarNavigationProps?: CalendarNavigationProps;
+    StartCalendarNavigationProps?: CalendarNavigationProps<TDate>;
     /**
      * Props to be passed to the start date calendar component.
      */
-    StartCalendarProps?: Partial<Omit<CalendarRangeProps | CalendarOffsetProps, "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange" | "onVisibleMonthChange">>;
+    StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
      * Props to be passed to the start date CalendarWeekHeader component.
      */
@@ -59,15 +59,15 @@ export interface DatePickerRangePanelProps<T> extends ComponentPropsWithoutRef<"
     /**
      * Props to be passed to the start date CalendarDataGrid component.
      */
-    StartCalendarDataGridProps?: CalendarDateGridProps;
+    StartCalendarDataGridProps?: CalendarGridProps<TDate>;
     /**
      * Props to be passed to the end date CalendarNavigation component.
      */
-    EndCalendarProps?: Partial<Omit<CalendarRangeProps, "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange" | "onVisibleMonthChange">>;
+    EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
      * Props to be passed to the end date CalendarNavigation component.
      */
-    EndCalendarNavigationProps?: CalendarNavigationProps;
+    EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;
     /**
      * Props to be passed to the end date CalendarWeekHeader component.
      */
@@ -75,6 +75,6 @@ export interface DatePickerRangePanelProps<T> extends ComponentPropsWithoutRef<"
     /**
      * Props to be passed to the end date CalendarDataGrid component.
      */
-    EndCalendarDataGridProps?: CalendarDateGridProps;
+    EndCalendarDataGridProps?: CalendarGridProps<TDate>;
 }
-export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<DateRangeSelection> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,16 @@
-import { type DateInputSingleProps } from "../date-input";
+import { type DateFrameworkType } from "@salt-ds/date-adapters";
+import type { SingleDateSelection } from "../calendar";
+import { type DateInputSingleDetails, type DateInputSingleProps } from "../date-input";
 /**
  * Props for the DatePickerSingleInput component.
  */
-export interface DatePickerSingleInputProps extends DateInputSingleProps {
+export interface DatePickerSingleInputProps<TDate extends DateFrameworkType> extends DateInputSingleProps<TDate> {
+    /**
+     * Function to validate the entered date
+     * @param date - The selected date
+     * @param details - The details of date selection, either a valid date or error
+     * @returns updated DateInputSingleDetails details
+     */
+    validate?: (date: SingleDateSelection<TDate>, details: DateInputSingleDetails) => DateInputSingleDetails;
 }
-export declare const DatePickerSingleInput: import("react").ForwardRefExoticComponent<DatePickerSingleInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerSingleInput: import("react").ForwardRefExoticComponent<DatePickerSingleInputProps<any> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,17 +1,17 @@
-import { type DateValue } from "@internationalized/date";
+import type { DateFrameworkType } from "@salt-ds/date-adapters";
 import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarDateGridProps, type CalendarNavigationProps, type CalendarSingleProps, type CalendarWeekHeaderProps } from "../calendar";
+import { type CalendarGridProps, type CalendarNavigationProps, type CalendarSingleProps, type CalendarWeekHeaderProps } from "../calendar";
 /**
  * Props for the DatePickerSinglePanel component.
  * @template T - The type of the selected date.
  */
-export interface DatePickerSinglePanelProps<T> extends ComponentPropsWithoutRef<"div"> {
+export interface DatePickerSinglePanelProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
     /**
      * Callback fired when a date is selected.
      * @param event - The synthetic event.
      * @param selectedDate - The selected date or null.
      */
-    onSelect?: (event: SyntheticEvent, selectedDate?: T | null) => void;
+    onSelectionChange?: (event: SyntheticEvent, selectedDate?: TDate | null) => void;
     /**
      * Helper text to be displayed below the date picker.
      */
@@ -19,25 +19,25 @@ export interface DatePickerSinglePanelProps<T> extends ComponentPropsWithoutRef<
     /**
      * The currently visible month.
      */
-    visibleMonth?: DateValue;
+    visibleMonth?: TDate;
     /**
      * The default visible month.
      */
-    defaultVisibleMonth?: DateValue;
+    defaultVisibleMonth?: TDate;
     /**
      * Callback fired when the visible month changes.
      * @param event - The synthetic event.
      * @param visibleMonth - The new visible month.
      */
-    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
+    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: TDate) => void;
     /**
      * Props to be passed to the Calendar component.
      */
-    CalendarProps?: Partial<Omit<CalendarSingleProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange" | "onVisibleMonthChange">>;
+    CalendarProps?: Partial<Omit<CalendarSingleProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
      * Props to be passed to the CalendarNavigation component.
      */
-    CalendarNavigationProps?: CalendarNavigationProps;
+    CalendarNavigationProps?: CalendarNavigationProps<TDate>;
     /**
      * Props to be passed to the CalendarWeekHeader component.
      */
@@ -45,6 +45,6 @@ export interface DatePickerSinglePanelProps<T> extends ComponentPropsWithoutRef<
     /**
      * Props to be passed to the CalendarDataGrid component.
      */
-    CalendarDataGridProps?: CalendarDateGridProps;
+    CalendarDataGridProps?: CalendarGridProps<TDate>;
 }
-export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<DatePickerSinglePanelProps<DateValue> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<DatePickerSinglePanelProps<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+/**
+ * Props for the DatePickerTrigger component.
+ */
+export interface DatePickerTriggerProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const DatePickerTrigger: import("react").ForwardRefExoticComponent<DatePickerTriggerProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -2,7 +2,8 @@ export * from "./DatePicker";
 export * from "./DatePickerActions";
 export * from "./DatePickerContext";
 export * from "./DatePickerOverlay";
-export * from "./DatePickerSingleInput";
-export * from "./DatePickerSinglePanel";
 export * from "./DatePickerRangeInput";
 export * from "./DatePickerRangePanel";
+export * from "./DatePickerSingleInput";
+export * from "./DatePickerSinglePanel";
+export * from "./DatePickerTrigger";

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

@@ -1,112 +1,105 @@
-import { type DateValue } from "@internationalized/date";
-import { type DateRangeSelection, type SingleDateSelection } from "../calendar";
+import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import { type SyntheticEvent } from "react";
+import type { DateRangeSelection, SingleDateSelection } from "../calendar";
+import type { DateInputRangeDetails, DateInputSingleDetails } from "../date-input";
 import type { RangeDatePickerState, SingleDatePickerState } from "./DatePickerContext";
-interface UseDatePickerBaseProps<T> {
+interface UseDatePickerBaseProps<TDate> {
     /** If `true`, the component is disabled. */
     disabled?: boolean;
     /** If `true`, the component is read-only. */
     readOnly?: boolean;
-    /**
-     * The selected date. The selected date will be controlled when this prop is provided.
-     */
-    selectedDate?: T | null;
-    /**
-     * The initial selected date, when the selected date is uncontrolled.
-     */
-    defaultSelectedDate?: UseDatePickerBaseProps<T>["selectedDate"];
     /**
      * The minimum date for the range, default is 1900.
      */
-    minDate?: DateValue;
+    minDate?: TDate;
     /**
      * The maximum date for the range, default is 2100.
      */
-    maxDate?: DateValue;
+    maxDate?: TDate;
     /**
      * Handler for when the date selection is cancelled.
      */
     onCancel?: () => void;
-    /**
-     * Time zone of the date selection, defaults to the current time zone of the user.
-     */
-    timeZone?: string;
-    /**
-     * Locale of the date selection, defaults to the current locale of the user.
-     */
-    locale?: string;
 }
 /**
  * Props for single date selection.
  *
- * @typedef {UseDatePickerBaseProps<SingleDateSelection>} UseDatePickerSingleProps
- * @property {"single"} selectionVariant - Single date selection.
- * @property {(selectedSingleDate: SingleDateSelection | null, singleError: string | false) => void} [onSelectedDateChange] - Handler called when the selected date changes.
- * @property {(appliedSingleDate: SingleDateSelection | null, singleError: string | false) => void} [onApply] - Handler called when the selected date is confirmed/applied.
+ * @template TDate - The type of the date framework.
  */
-export interface UseDatePickerSingleProps extends UseDatePickerBaseProps<SingleDateSelection> {
+export interface UseDatePickerSingleProps<TDate extends DateFrameworkType> extends UseDatePickerBaseProps<TDate> {
     /**
      * Single date selection.
      */
     selectionVariant: "single";
+    /**
+     * The selected date. The selected date will be controlled when this prop is provided.
+     */
+    selectedDate?: SingleDateSelection<TDate> | null;
+    /**
+     * The initial selected date, when the selected date is uncontrolled.
+     */
+    defaultSelectedDate?: SingleDateSelection<TDate> | null;
     /**
      * Handler called when the selected date changes.
-     * @param {SingleDateSelection | null} selectedSingleDate - The selected date.
-     * @param {string | false} singleError - Error returned by the parser or `false`.
+     * @param event - The synthetic event.
+     * @param date - The selected date or null.
+     * @param details - The selected date details.
      */
-    onSelectedDateChange?: (selectedSingleDate: SingleDateSelection | null, singleError: string | false) => void;
+    onSelectionChange?: (event: SyntheticEvent, date: SingleDateSelection<TDate> | null, details?: DateInputSingleDetails) => void;
     /**
      * Handler called when the selected date is confirmed/applied.
-     * @param {SingleDateSelection | null} appliedSingleDate - The selected date.
-     * @param {string | false} singleError - Error returned by the parser or `false`.
+     * @param event - The synthetic event.
+     * @param date - The selected date or null.
      */
-    onApply?: (appliedSingleDate: SingleDateSelection | null, singleError: string | false) => void;
+    onApply?: (event: SyntheticEvent, date: SingleDateSelection<TDate> | null) => void;
 }
 /**
  * Props for date range selection.
  *
- * @typedef {UseDatePickerBaseProps<DateRangeSelection>} UseDatePickerRangeProps
- * @property {"range"} selectionVariant - Date range selection.
- * @property {(selectedRangeDate: DateRangeSelection | null, rangeError: { startDate: string | false; endDate: string | false }) => void} [onSelectedDateChange] - Handler called when the selected date changes.
- * @property {(appliedRangeDate: DateRangeSelection | null, rangeError: { startDate: string | false; endDate: string | false }) => void} [onApply] - Handler called when the selected date is confirmed/applied.
+ * @template TDate - The type of the date framework.
  */
-export interface UseDatePickerRangeProps extends UseDatePickerBaseProps<DateRangeSelection> {
+export interface UseDatePickerRangeProps<TDate extends DateFrameworkType> extends UseDatePickerBaseProps<TDate> {
     /**
      * Date range selection.
      */
     selectionVariant: "range";
     /**
-     * Handler called when the selected date changes.
-     * @param {DateRangeSelection | null} selectedRangeDate - The selected date.
-     * @param {{ startDate: string | false; endDate: string | false }} rangeError - Error returned by the parser or `false`.
+     * The selected date range. The selected date will be controlled when this prop is provided.
      */
-    onSelectedDateChange?: (selectedRangeDate: DateRangeSelection | null, rangeError: {
-        startDate: string | false;
-        endDate: string | false;
-    }) => void;
+    selectedDate?: DateRangeSelection<TDate> | null;
     /**
-     * Handler called when the selected date is confirmed/applied.
-     * @param {DateRangeSelection | null} appliedRangeDate - The selected date.
-     * @param {{ startDate: string | false; endDate: string | false }} rangeError - Error returned by the parser or `false`.
+     * The initial selected date range, when the selected date is uncontrolled.
+     */
+    defaultSelectedDate?: DateRangeSelection<TDate> | null;
+    /**
+     * Handler called when the selected date range changes.
+     * @param event - The synthetic event.
+     * @param date - The selected date range or null.
+     * @param details - The selected date range details.
+     */
+    onSelectionChange?: (event: SyntheticEvent, date: DateRangeSelection<TDate> | null, details?: DateInputRangeDetails) => void;
+    /**
+     * Handler called when the selected date range is confirmed/applied.
+     * @param event - The synthetic event.
+     * @param date - The selected date range.
      */
-    onApply?: (appliedRangeDate: DateRangeSelection | null, rangeError: {
-        startDate: string | false;
-        endDate: string | false;
-    }) => void;
+    onApply?: (event: SyntheticEvent, date: DateRangeSelection<TDate> | null) => void;
 }
 /**
  * Props for the useDatePicker hook.
  *
- * @template SelectionVariant
- * @typedef {SelectionVariant extends "single" ? UseDatePickerSingleProps : SelectionVariant extends "range" ? UseDatePickerRangeProps : never} UseDatePickerProps
+ * @template TDate - The type of the date framework.
+ * @template SelectionVariant - The selection variant, either "single" or "range".
  */
-export declare type UseDatePickerProps<SelectionVariant> = SelectionVariant extends "single" ? UseDatePickerSingleProps : SelectionVariant extends "range" ? UseDatePickerRangeProps : never;
+export declare type UseDatePickerProps<TDate extends DateFrameworkType, SelectionVariant> = SelectionVariant extends "single" ? UseDatePickerSingleProps<TDate> : SelectionVariant extends "range" ? UseDatePickerRangeProps<TDate> : never;
 /**
  * Custom hook for managing date picker state.
  *
- * @template SelectionVariant
- * @param {UseDatePickerProps<SelectionVariant>} props - The props for the date picker.
- * @param {React.ForwardedRef<HTMLDivElement>} ref - The ref for the date picker container.
- * @returns {DatePickerState<SelectionVariant extends "single" ? SingleDateSelection : DateRangeSelection>} The date picker state and helpers.
+ * @template TDate - The type of the date framework.
+ * @template SelectionVariant - The selection variant, either "single" or "range".
+ * @param props - The props for the date picker.
+ * @param ref - The ref for the date picker container.
+ * @returns The date picker state and helpers.
  */
-export declare function useDatePicker<SelectionVariant extends "single" | "range">(props: UseDatePickerProps<SelectionVariant>, ref: React.ForwardedRef<HTMLDivElement>): SingleDatePickerState | RangeDatePickerState;
+export declare function useDatePicker<TDate extends DateFrameworkType, SelectionVariant extends "single" | "range">(props: UseDatePickerProps<TDate, SelectionVariant>, ref: React.ForwardedRef<HTMLDivElement>): SingleDatePickerState<TDate> | RangeDatePickerState<TDate>;
 export {};

package/dist-types/dialog/DialogHeader.d.ts

@@ -0,0 +1,28 @@
+import { type ValidationStatus } from "@salt-ds/core";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface DialogHeaderProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The status of the Dialog
+     */
+    status?: ValidationStatus | undefined;
+    /**
+     * Displays the accent bar in the Dialog Title */
+    disableAccent?: boolean;
+    /**
+     * Displays the header at the top of the Dialog
+     */
+    header: ReactNode;
+    /**
+     * Displays the preheader just above the header
+     **/
+    preheader?: ReactNode;
+    /**
+     * Description text is displayed just below the header
+     **/
+    description?: ReactNode;
+    /**
+     * Actions to be displayed in header
+     */
+    actions?: ReactNode;
+}
+export declare const DialogHeader: import("react").ForwardRefExoticComponent<DialogHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/dialog/index.d.ts

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

package/dist-types/editable-label/EditableLabel.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export interface EditableLabelProps {
     className?: string;
     defaultEditing?: boolean;
@@ -10,4 +9,4 @@ export interface EditableLabelProps {
     defaultIsEditing?: boolean;
     value?: string;
 }
-export declare const EditableLabel: React.ForwardRefExoticComponent<EditableLabelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const EditableLabel: import("react").ForwardRefExoticComponent<EditableLabelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/index.d.ts

@@ -16,6 +16,7 @@ export * from "./date-input";
 export * from "./date-picker";
 export * from "./deck-item";
 export * from "./deck-layout";
+export * from "./dialog";
 export * from "./dropdown";
 export * from "./editable-label";
 export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
@@ -26,9 +27,11 @@ export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputA
 export * from "./layer-layout";
 export * from "./list";
 export * from "./list-next";
+export * from "./localization-provider";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
+export * from "./overlay";
 export * from "./portal";
 export * from "./query-input";
 export * from "./responsive";

package/dist-types/list-deprecated/internal/DescendantContext.d.ts

@@ -3,5 +3,4 @@ export function DescendantProvider({ items, ...props }: {
     items: any;
 }): import("react/jsx-runtime").JSX.Element;
 export function useDescendant(descendant: any): number;
-export const DescendantContext: React.Context<any>;
-import React from "react";
+export const DescendantContext: import("react").Context<any>;

package/dist-types/localization-provider/LocalizationProvider.d.ts

@@ -0,0 +1,62 @@
+import type { DateFrameworkType, SaltDateAdapter } from "@salt-ds/date-adapters";
+export interface LocalizationProviderValue<TDate extends DateFrameworkType> {
+    defaultDates: {
+        minDate: TDate;
+        maxDate: TDate;
+    };
+    dateAdapter: SaltDateAdapter<TDate>;
+}
+/**
+ * Props for the LocalizationProvider component.
+ *
+ * @template TDate - The type of the date object used in the provider.
+ * @template TLocale - The type of the locale, defaulting to string.
+ */
+export interface LocalizationProviderProps<TDate extends DateFrameworkType, TLocale = string> {
+    /**
+     * The child components to be rendered within the provider.
+     */
+    children?: React.ReactNode;
+    /**
+     * The instance of the date library being used.
+     */
+    instance?: any;
+    /**
+     * The date adapter class, which provides methods for date manipulation and formatting.
+     * This should be a constructor for a class implementing the SaltDateAdapter interface.
+     */
+    DateAdapter: new (...args: any) => SaltDateAdapter<TDate, TLocale>;
+    /**
+     * The locale to be used for date formatting and manipulation.
+     */
+    locale?: TLocale;
+    /**
+     * The minimum date allowed for all date selections.
+     * Defaults to January 1, 1900.
+     */
+    minDate?: TDate;
+    /**
+     * The maximum date allowed for all date selections.
+     * Defaults to December 31, 2099.
+     */
+    maxDate?: TDate;
+}
+export declare type LocalizationProviderContext<TDate extends DateFrameworkType> = {
+    [K in keyof LocalizationProviderValue<TDate>]: LocalizationProviderValue<TDate>[K] | null;
+};
+export declare const LocalizationProviderContext: import("react").Context<LocalizationProviderValue<any> | null>;
+export declare const LocalizationProvider: <TDate extends Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom hook to access the localization context.
+ *
+ * This hook provides access to the localization settings and utilities
+ * within the `LocalizationProviderContext`. It should be used within a
+ * component that is a descendant of `LocalizationProviderContext.Provider`.
+ *
+ * @template TDate - The type of the date object used in the localization context.
+ *
+ * @returns The localization provider value, which includes date manipulation and formatting utilities.
+ *
+ * @throws Will throw an error if the hook is used outside of a `LocalizationProviderContext.Provider`.
+ */
+export declare const useLocalization: <TDate extends Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment>() => LocalizationProviderValue<TDate>;

package/dist-types/localization-provider/index.d.ts

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

package/dist-types/overlay/OverlayHeader.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface OverlayHeaderProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Description text is displayed just below the header
+     **/
+    description?: ReactNode;
+    /**
+     * Actions to be displayed in header
+     */
+    actions?: ReactNode;
+    /**
+     * Header text
+     */
+    header?: ReactNode;
+    /**
+     * Preheader text is displayed just above the header
+     **/
+    preheader?: ReactNode;
+}
+export declare const OverlayHeader: import("react").ForwardRefExoticComponent<OverlayHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/overlay/index.d.ts

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

package/dist-types/responsive/overflowUtils.d.ts

@@ -1,4 +1,4 @@
-import { type ElementRef, type OverflowItem, type orientationType } from "./overflowTypes";
+import type { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
 export declare const DropdownPlaceholder: () => null;
 export declare const getDropdownPlaceholder: () => import("react/jsx-runtime").JSX.Element;
 export declare type heightOrWidth = "width" | "height";

package/dist-types/tabs/drag-drop/drag-utils.d.ts

@@ -20,24 +20,24 @@ export declare type targetType = {
 declare type Dimension = keyof Pick<DOMRect, "width" | "height">;
 export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
 export declare const dimensions: (orientation: orientationType) => {
-    CLIENT_SIZE: "scrollTop" | "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollLeft";
+    CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     CONTRA: "x" | "y" | "height" | "width" | "left" | "right" | "top" | "bottom";
     CONTRA_POS: "clientX" | "clientY";
     DIMENSION: "height" | "width";
     END: "x" | "y" | "height" | "width" | "left" | "right" | "top" | "bottom";
     POS: "clientX" | "clientY";
-    SCROLL_POS: "scrollTop" | "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollLeft";
-    SCROLL_SIZE: "scrollTop" | "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollLeft";
+    SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
+    SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     START: "x" | "y" | "height" | "width" | "left" | "right" | "top" | "bottom";
 } | {
-    CLIENT_SIZE: "scrollTop" | "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollLeft";
+    CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     CONTRA: "x" | "y" | "height" | "width" | "left" | "right" | "top" | "bottom";
     CONTRA_POS: "clientX" | "clientY";
     DIMENSION: "height" | "width";
     END: "x" | "y" | "height" | "width" | "left" | "right" | "top" | "bottom";
     POS: "clientX" | "clientY";
-    SCROLL_POS: "scrollTop" | "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollLeft";
-    SCROLL_SIZE: "scrollTop" | "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollLeft";
+    SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
+    SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     START: "x" | "y" | "height" | "width" | "left" | "right" | "top" | "bottom";
 };
 export declare const getDraggedItem: (measuredItems: MeasuredDropTarget[]) => MeasuredDropTarget;

package/dist-types/tabs-next/TabBar.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithRef } from "react";
+export interface TabBarProps extends ComponentPropsWithRef<"div"> {
+    /**
+     * Styling variant with a bottom separator. Defaults to false
+     */
+    divider?: boolean;
+    /**
+     * Styling variant with left and right padding. Defaults to false
+     */
+    inset?: boolean;
+}
+export declare const TabBar: import("react").ForwardRefExoticComponent<Omit<TabBarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabListNext.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabListNextProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * Styling active color variant. Defaults to "primary".
+     */
+    activeColor?: "primary" | "secondary" | "tertiary";
+    /**
+     * The appearance of the tabs. Defaults to "bordered".
+     */
+    appearance?: "bordered" | "transparent";
+}
+export declare const TabListNext: import("react").ForwardRefExoticComponent<TabListNextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabNext.d.ts

@@ -1,5 +1,12 @@
 import { type ComponentPropsWithoutRef } from "react";
-export interface TabNextProps extends ComponentPropsWithoutRef<"button"> {
+export interface TabNextProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * If `true`, the tab will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value of the tab.
+     */
     value: string;
 }
-export declare const TabNext: import("react").ForwardRefExoticComponent<TabNextProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabNext: import("react").ForwardRefExoticComponent<TabNextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabNextAction.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from "@salt-ds/core";
+export interface TabNextActionProps extends ButtonProps {
+}
+export declare const TabNextAction: import("react").ForwardRefExoticComponent<TabNextActionProps & import("react").RefAttributes<HTMLButtonElement>>;