@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist-types/list-deprecated/useList.d.ts

@@ -1,5 +1,5 @@
-import { AriaAttributes, Dispatch, KeyboardEvent, KeyboardEventHandler, MouseEvent, Ref, SetStateAction } from "react";
-import { ListMultiSelectionVariant, ListProps, ListSelectionVariant } from "./ListProps";
+import { type AriaAttributes, type Dispatch, type KeyboardEvent, type KeyboardEventHandler, type MouseEvent, type Ref, type SetStateAction } from "react";
+import type { ListMultiSelectionVariant, ListProps, ListSelectionVariant } from "./ListProps";
 interface listBoxAriaProps extends Pick<AriaAttributes, "aria-activedescendant" | "aria-multiselectable"> {
     role: string;
 }

package/dist-types/list-deprecated/useListItem.d.ts

@@ -1,6 +1,6 @@
-import { ListChildComponentProps } from "react-window";
-import { ListItemProps } from "./ListItem";
-import { ListItemBaseProps } from "./ListItemBase";
+import type { ListChildComponentProps } from "react-window";
+import type { ListItemProps } from "./ListItem";
+import type { ListItemBaseProps } from "./ListItemBase";
 declare type UseItemHookReturnType<Item> = {
     /**
      * Item data

package/dist-types/list-next/ListItemNext.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from "react";
+export interface ListItemNextProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * If true, the particular list item in list will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * List item id.
+     */
+    id?: string;
+    /**
+     * List item value.
+     */
+    value: string;
+}
+export declare const ListItemNext: import("react").ForwardRefExoticComponent<ListItemNextProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/list-next/ListNext.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange" | "onSelect"> {
+    /**
+     * If true, all items in list will be disabled.
+     */
+    disabled?: boolean;
+    disableFocus?: boolean;
+    highlightedItem?: string;
+    selected?: string;
+    onChange?: (event: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    defaultSelected?: string;
+}
+export declare const ListNext: import("react").ForwardRefExoticComponent<ListNextProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/list-next/ListNextContext.d.ts

@@ -0,0 +1,12 @@
+import { type SyntheticEvent } from "react";
+export interface ListNextContextValue {
+    disabled?: boolean;
+    id?: string;
+    select: (event: SyntheticEvent<HTMLLIElement>) => void;
+    isSelected: (value: string) => boolean;
+    isFocused: (value: string) => boolean;
+    highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+    isHighlighted: (value: string) => boolean;
+}
+export declare const ListNextContext: import("react").Context<ListNextContextValue | undefined>;
+export declare function useListItem(): ListNextContextValue | undefined;

package/dist-types/list-next/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ListNext";
+export * from "./ListItemNext";

package/dist-types/list-next/useList.d.ts

@@ -0,0 +1,39 @@
+import { type FocusEvent, type KeyboardEvent, type RefObject, type SyntheticEvent } from "react";
+export interface UseListProps {
+    /**
+     * If true, all items in list will be disabled.
+     */
+    disabled?: boolean;
+    highlightedItem?: string;
+    selected?: string;
+    defaultSelected?: string;
+    onChange?: (e: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (e: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    id?: string;
+    ref: RefObject<HTMLUListElement>;
+}
+export declare const useList: ({ disabled, highlightedItem: highlightedItemProp, selected: selectedProp, defaultSelected, onChange, onSelect, id, ref, }: UseListProps) => {
+    focusHandler: (event: FocusEvent<HTMLUListElement | HTMLElement>) => void;
+    keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
+    blurHandler: () => void;
+    mouseOverHandler: () => void;
+    activeDescendant: string | undefined;
+    selectedItem: string | undefined;
+    highlightedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    contextValue: {
+        disabled: boolean;
+        id: string | undefined;
+        select: (event: SyntheticEvent<HTMLLIElement>) => void;
+        isSelected: (value: string) => boolean;
+        isFocused: (value: string) => boolean;
+        highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+        isHighlighted: (value: string) => boolean;
+    };
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+};

package/dist-types/logo/Logo.d.ts

@@ -1,32 +1,3 @@
-import { ComponentType, ComponentPropsWithoutRef } from "react";
-import { LogoTitleProps } from "./internal/LogoTitle";
-import "./Logo.css";
-export interface LogoProps extends ComponentPropsWithoutRef<"span"> {
-    /**
-     * Used to provide application title
-     */
-    appTitle?: string;
-    /**
-     * If `true`, the logo will be compact;
-     */
-    compact?: boolean;
-    /**
-     * Props passed to the Logo.
-     */
-    ImageProps?: Partial<ComponentPropsWithoutRef<"img">>;
-    /**
-     * Custom Component to render the logo image.
-     * e.g. if a custom renderer instead of static image using `src` prop.
-     */
-    LogoImageComponent?: ComponentType<Partial<ComponentPropsWithoutRef<"img">>>;
-    /**
-     * Image src for logo.
-     */
-    src?: string;
-    /**
-     * Props passed to the Application Title if used.
-     * If using a custom image then ImageProps.alt should be set to include a screen reader alternative text.
-     */
-    TitleProps?: Omit<Partial<LogoTitleProps>, "label">;
-}
-export declare const Logo: import("react").ForwardRefExoticComponent<LogoProps & import("react").RefAttributes<HTMLSpanElement>>;
+import { type ComponentPropsWithoutRef } from "react";
+export declare type LogoProps = ComponentPropsWithoutRef<"span">;
+export declare const Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/logo/LogoImage.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface LogoImageProps extends Omit<ComponentPropsWithoutRef<"img">, "alt"> {
+    alt: string;
+}
+export declare const LogoImage: import("react").ForwardRefExoticComponent<LogoImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist-types/logo/LogoSeparator.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentPropsWithoutRef } from "react";
+export declare type LogoSeparatorProps = ComponentPropsWithoutRef<"span">;
+export declare const LogoSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

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

@@ -1 +1,3 @@
 export * from "./Logo";
+export * from "./LogoImage";
+export * from "./LogoSeparator";

package/dist-types/menu-button/MenuButton.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { CascadingMenuProps } from "../cascading-menu";
+import type { ButtonProps } from "@salt-ds/core";
+import { type ReactNode } from "react";
+import { type CascadingMenuProps } from "../cascading-menu";
 export interface MenuButtonProps extends ButtonProps {
     CascadingMenuProps: CascadingMenuProps;
     children: ReactNode;

package/dist-types/menu-button/MenuButtonTrigger.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import "./MenuButtonTrigger.css";
+import { type ButtonProps } from "@salt-ds/core";
+import { type ReactNode } from "react";
 export interface MenuButtonTriggerProps extends ButtonProps {
     className?: string;
     hideCaret?: boolean;

package/dist-types/metric/Metric.d.ts

@@ -1,6 +1,5 @@
-import { HTMLAttributes } from "react";
-import { MetricContextValue } from "./internal";
-import "./Metric.css";
+import { type HTMLAttributes } from "react";
+import { type MetricContextValue } from "./internal";
 export interface MetricProps extends MetricContextValue, HTMLAttributes<HTMLDivElement> {
     /**
      * The aria-level attribute to be applied to the heading component. The default is 2.

package/dist-types/metric/MetricContent.d.ts

@@ -1,6 +1,5 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-import "./MetricContent.css";
+import { type IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
 export interface MetricContentProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * These props will be passed to the indicator icon. Use this to render a

package/dist-types/metric/MetricHeader.d.ts

@@ -1,6 +1,5 @@
-import { LinkProps } from "@salt-ds/core";
-import { HTMLAttributes } from "react";
-import "./MetricHeader.css";
+import { type LinkProps } from "@salt-ds/core";
+import { type HTMLAttributes } from "react";
 export interface MetricHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If provided, subtitle will be rendered as a `Link` element with these props.

package/dist-types/metric/internal/MetricContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MetricContextValue {
     /**
      * Text and value alignment.

package/dist-types/portal/Portal.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 export interface PortalProps {
     /**
      * The children to render into the `container`.

package/dist-types/query-input/QueryInput.d.ts

@@ -1,7 +1,6 @@
-import { HTMLAttributes } from "react";
-import { QueryInputCategory, QueryInputItem } from "./queryInputTypes";
-import { BooleanOperator } from "./useQueryInput";
-import "./QueryInput.css";
+import { type HTMLAttributes } from "react";
+import type { QueryInputCategory, QueryInputItem } from "./queryInputTypes";
+import { type BooleanOperator } from "./useQueryInput";
 export interface QueryInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     disabled?: boolean;
     categories: QueryInputCategory[];

package/dist-types/query-input/internal/CategoryList.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
-import { QueryInputCategory } from "../queryInputTypes";
+import { type Dispatch, type SetStateAction } from "react";
+import type { QueryInputCategory } from "../queryInputTypes";
 export interface CategoryListProps {
     categories: QueryInputCategory[];
     rootWidth: number;
@@ -7,4 +7,4 @@ export interface CategoryListProps {
     highlightedCategoryIndex?: number;
     setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function CategoryList(props: CategoryListProps): JSX.Element;
+export declare function CategoryList(props: CategoryListProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/query-input/internal/CategoryListContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CategoryListContext {
     width: number;
 }

package/dist-types/query-input/internal/CategoryListItem.d.ts

@@ -1,5 +1,5 @@
-import { ListItemProps, ListItemType } from "../../list";
-import { QueryInputCategory } from "../queryInputTypes";
+import { type ListItemProps, type ListItemType } from "../../list";
+import type { QueryInputCategory } from "../queryInputTypes";
 export interface CategoryListItemProps extends ListItemProps<QueryInputCategory> {
     category: QueryInputCategory;
 }

package/dist-types/query-input/internal/QueryInputBody.d.ts

@@ -1,7 +1,7 @@
-import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, Ref, SyntheticEvent } from "react";
-import { ChangeHandler } from "../../tokenized-input";
-import { QueryInputItem } from "../queryInputTypes";
-import { BooleanOperator } from "../useQueryInput";
+import { type ChangeEventHandler, type FocusEventHandler, type KeyboardEventHandler, type Ref, type SyntheticEvent } from "react";
+import { type ChangeHandler } from "../../tokenized-input";
+import type { QueryInputItem } from "../queryInputTypes";
+import type { BooleanOperator } from "../useQueryInput";
 export interface QueryInputBodyProps {
     inputRef: Ref<HTMLInputElement>;
     disabled?: boolean;

package/dist-types/query-input/internal/SearchList.d.ts

@@ -1,6 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
-import { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
-import "../QueryInput.css";
+import { type Dispatch, type SetStateAction } from "react";
+import type { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
 export interface SearchListProps {
     inputValue?: string;
     selectedItems?: QueryInputItem[];
@@ -10,4 +9,4 @@ export interface SearchListProps {
     visibleCategories: QueryInputCategory[];
     setHighlightedIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function SearchList(props: SearchListProps): JSX.Element;
+export declare function SearchList(props: SearchListProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/query-input/internal/ValueList.d.ts

@@ -1,5 +1,5 @@
-import { QueryInputCategory } from "../queryInputTypes";
-import { Dispatch, SetStateAction } from "react";
+import type { Dispatch, SetStateAction } from "react";
+import type { QueryInputCategory } from "../queryInputTypes";
 export interface ValueListProps {
     category: QueryInputCategory | null;
     rootWidth: number;
@@ -9,4 +9,4 @@ export interface ValueListProps {
     highlightedValueIndex?: number;
     setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function ValueList(props: ValueListProps): JSX.Element;
+export declare function ValueList(props: ValueListProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/query-input/internal/ValueSelector.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, Ref, SetStateAction } from "react";
-import { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
+import { type Dispatch, type Ref, type SetStateAction } from "react";
+import type { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
 export interface ValueSelectorProps {
     isOpen: boolean;
     anchorElement: HTMLElement | null;
@@ -20,4 +20,4 @@ export interface ValueSelectorProps {
     setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
     setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function ValueSelector(props: ValueSelectorProps): JSX.Element | null;
+export declare function ValueSelector(props: ValueSelectorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist-types/query-input/internal/usePopperStatus.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, KeyboardEvent } from "react";
+import { type FocusEvent, type KeyboardEvent } from "react";
 export interface UsePopperStatusProps {
     initialOpen?: boolean;
     autoClose?: boolean;

package/dist-types/query-input/useQueryInput.d.ts

@@ -1,7 +1,7 @@
-import { FocusEventHandler, ForwardedRef, Ref } from "react";
-import { QueryInputBodyProps } from "./internal/QueryInputBody";
-import { ValueSelectorProps } from "./internal/ValueSelector";
-import { QueryInputProps } from "./QueryInput";
+import { type FocusEventHandler, type ForwardedRef, type Ref } from "react";
+import type { QueryInputProps } from "./QueryInput";
+import type { QueryInputBodyProps } from "./internal/QueryInputBody";
+import type { ValueSelectorProps } from "./internal/ValueSelector";
 export declare type BooleanOperator = "or" | "and";
 export interface UseQueryInputResult {
     queryInputProps: {

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

@@ -4,8 +4,8 @@
  * the source prop or as child elements. We also support 'injected' items. These allow for additional UI
  * controls to be inserted into the container, eg an 'Add Item' button.
  */
-import { ReactElement, ReactNode, Reducer } from "react";
-import { OverflowItem, OverflowItems, OverflowCollectionOptions, OverflowSource } from "./overflowTypes";
+import { type ReactElement, type ReactNode, type Reducer } from "react";
+import type { OverflowCollectionOptions, OverflowItem, OverflowItems, OverflowSource } from "./overflowTypes";
 interface InitAction {
     type: "init";
     overflowItems?: OverflowItem[];

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

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode, RefObject } from "react";
-import { OverflowAction as overflowAction2 } from "./OverflowReducer";
+import type { ReactElement, ReactNode, RefObject } from "react";
+import type { OverflowAction as overflowAction2 } from "./OverflowReducer";
 declare type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
 declare type dimensions = {
     size: dimension;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
+import { type ElementRef, type OverflowItem, type orientationType } from "./overflowTypes";
 export declare const DropdownPlaceholder: () => null;
-export declare const getDropdownPlaceholder: () => JSX.Element;
+export declare const getDropdownPlaceholder: () => import("react/jsx-runtime").JSX.Element;
 export declare type heightOrWidth = "width" | "height";
 export declare const NO_DATA: {};
 export declare const allExceptOverflowIndicator: (sum: number, m: OverflowItem) => number;

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

@@ -1,2 +1,2 @@
-import { OverflowHookProps, DynamicCollapseHookResult } from "./overflowTypes";
-export declare const useDynamicCollapse: ({ collectionHook, innerContainerSize, label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => DynamicCollapseHookResult;
+import type { DynamicCollapseHookResult, OverflowHookProps } from "./overflowTypes";
+export declare const useDynamicCollapse: ({ collectionHook, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => DynamicCollapseHookResult;

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

@@ -1,2 +1,2 @@
-import { InstantCollapseHookResult, OverflowHookProps } from "./overflowTypes";
-export declare const useInstantCollapse: ({ collectionHook, hasOverflowedItems, innerContainerSize, label, overflowContainerRef: ref, overflowItemsRef, orientation, }: OverflowHookProps) => InstantCollapseHookResult;
+import type { InstantCollapseHookResult, OverflowHookProps } from "./overflowTypes";
+export declare const useInstantCollapse: ({ collectionHook, hasOverflowedItems, innerContainerSize, overflowContainerRef: ref, overflowItemsRef, orientation, }: OverflowHookProps) => InstantCollapseHookResult;

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

@@ -1,2 +1,2 @@
-import { OverflowHookProps, OverflowHookResult } from "./overflowTypes";
+import type { OverflowHookProps, OverflowHookResult } from "./overflowTypes";
 export declare const useOverflow: ({ collectionHook: { dispatch }, id: idProp, label, overflowItemsRef, overflowContainerRef, orientation, }: OverflowHookProps) => OverflowHookResult;

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

@@ -1,4 +1,4 @@
-import { OverflowCollectionHookProps, OverflowCollectionHookResult } from "./overflowTypes";
+import type { OverflowCollectionHookProps, OverflowCollectionHookResult } from "./overflowTypes";
 declare type OverflowCollectionHook = (props: OverflowCollectionHookProps) => OverflowCollectionHookResult;
 export declare const useOverflowCollectionItems: OverflowCollectionHook;
 export {};

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

@@ -1,4 +1,4 @@
-import { ElementRef, OverflowItem, OverflowLayoutHookProps } from "./overflowTypes";
+import type { ElementRef, OverflowItem, OverflowLayoutHookProps } from "./overflowTypes";
 declare type overflowUpdate = (item1: OverflowItem, item2: OverflowItem) => void;
 export declare const useOverflowLayout: ({ collectionHook, id, orientation, label, disableOverflow, }: OverflowLayoutHookProps) => [ElementRef, overflowUpdate];
 export {};

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

@@ -1,3 +1,3 @@
-import { OverflowItem, OverflowHookProps, OverflowHookResult } from "./overflowTypes";
+import type { OverflowHookProps, OverflowHookResult, OverflowItem } from "./overflowTypes";
 export declare const addAllVisible: (sum: number, m: OverflowItem) => number;
 export declare const useReclaimSpace: ({ collectionHook, label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => OverflowHookResult;

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

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export declare const WidthHeight: string[];
 export declare const HeightOnly: string[];
 export declare const WidthOnly: string[];

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

@@ -1,2 +1,2 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export declare function useWidth<Element extends HTMLElement>(responsive: boolean): [RefObject<Element>, number];

package/dist-types/search-input/SearchInput.d.ts

@@ -1,6 +1,5 @@
-import { ComponentType, SyntheticEvent } from "react";
-import { InputProps } from "../input";
-import "./SearchInput.css";
+import { type ComponentType, type SyntheticEvent } from "react";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
 export interface SearchInputProps extends Omit<InputProps, "onSubmit"> {
     /**
      * Override "search" icon.

package/dist-types/skip-link/SkipLink.d.ts

@@ -1,6 +1,5 @@
-import { RefObject } from "react";
-import { LinkProps } from "@salt-ds/core";
-import "./SkipLink.css";
+import { type LinkProps } from "@salt-ds/core";
+import { type RefObject } from "react";
 interface SkipLinkProps extends LinkProps {
     /**
      * This is a ref that has access to the target element.

package/dist-types/skip-link/SkipLinks.d.ts

@@ -1,3 +1,2 @@
-import { HTMLAttributes } from "react";
-import "./SkipLinks.css";
+import { type HTMLAttributes } from "react";
 export declare const SkipLinks: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/skip-link/internal/useManageFocusOnTarget.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="cypress" />
 /// <reference types="node" />
-/// <reference types="webpack-env" />
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export declare const useManageFocusOnTarget: ({ targetRef, targetClass, }: {
     targetRef: RefObject<HTMLElement> | undefined;
     targetClass: string;

package/dist-types/slider/Slider.d.ts

@@ -1,7 +1,6 @@
-import { HTMLAttributes } from "react";
-import { SliderMark } from "./internal/SliderRailMarks";
-import { SliderChangeHandler, SliderValue } from "./types";
-import "./Slider.css";
+import { type HTMLAttributes } from "react";
+import { type SliderMark } from "./internal/SliderRailMarks";
+import type { SliderChangeHandler, SliderValue } from "./types";
 export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     label?: string;
     min?: number;

package/dist-types/slider/internal/SliderHandle.d.ts

@@ -1,5 +1,4 @@
-import { CSSProperties } from "react";
-import "../Slider.css";
+import type { CSSProperties } from "react";
 export interface SliderHandleProps {
     min: number;
     max: number;

package/dist-types/slider/internal/SliderMarkLabels.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import { SliderMark } from "./SliderRailMarks";
-import "../Slider.css";
+import type { SliderMark } from "./SliderRailMarks";
 export interface SliderMarkLabelsProps {
     min: number;
     max: number;
     marks: SliderMark[];
 }
-export declare function SliderMarkLabels(props: SliderMarkLabelsProps): JSX.Element;
+export declare function SliderMarkLabels(props: SliderMarkLabelsProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/slider/internal/SliderRail.d.ts

@@ -1,5 +1 @@
-/// <reference types="react" />
-import "../Slider.css";
-export interface SliderRailProps {
-}
-export declare function SliderRail(props: SliderRailProps): JSX.Element;
+export declare function SliderRail(): import("react/jsx-runtime").JSX.Element;

package/dist-types/slider/internal/SliderRailMarks.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from "react";
-import "../Slider.css";
+import { type ReactNode } from "react";
 export interface LabeledMark {
     value: number;
     label: ReactNode;
@@ -10,4 +9,4 @@ export interface SliderRailMarksProps {
     max: number;
     marks: SliderMark[];
 }
-export declare function SliderRailMarks(props: SliderRailMarksProps): JSX.Element;
+export declare function SliderRailMarks(props: SliderRailMarksProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/slider/internal/SliderSelection.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import "../Slider.css";
 export interface SliderSelectionProps {
     valueLength: number;
 }
-export declare function SliderSelection({ valueLength }: SliderSelectionProps): JSX.Element;
+export declare function SliderSelection({ valueLength }: SliderSelectionProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/slider/internal/styles.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from "react";
-import { SliderValue } from "../types";
-import { SliderMark } from "./SliderRailMarks";
+import type { CSSProperties } from "react";
+import type { SliderValue } from "../types";
+import type { SliderMark } from "./SliderRailMarks";
 export declare function createTrackStyle(min: number, max: number, value: SliderValue): CSSProperties;
 export declare function createHandleStyles(count: number): {
     gridColumnStart: string;

package/dist-types/slider/internal/useSliderKeyDown.d.ts

@@ -1,3 +1,4 @@
-import { SliderChangeHandler, SliderValue } from "../types";
-import { UpdateValueItem } from "./utils";
-export declare function useSliderKeyDown(value: SliderValue, min: number, max: number, pageStep: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: React.KeyboardEvent) => void;
+import type { KeyboardEvent } from "react";
+import type { SliderChangeHandler, SliderValue } from "../types";
+import { type UpdateValueItem } from "./utils";
+export declare function useSliderKeyDown(value: SliderValue, min: number, max: number, pageStep: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: KeyboardEvent) => void;

package/dist-types/slider/internal/useSliderMouseDown.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent as ReactMouseEvent, RefObject } from "react";
-import { SliderChangeHandler, SliderValue } from "../types";
-import { UpdateValueItem } from "./utils";
+import { type MouseEvent as ReactMouseEvent, type RefObject } from "react";
+import type { SliderChangeHandler, SliderValue } from "../types";
+import { type UpdateValueItem } from "./utils";
 export declare function useSliderMouseDown(trackRef: RefObject<HTMLDivElement>, value: SliderValue, min: number, max: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: ReactMouseEvent) => void;

package/dist-types/slider/internal/utils.d.ts

@@ -1,5 +1,5 @@
-import { SliderValue } from "../types";
-import { LabeledMark, SliderMark } from "./SliderRailMarks";
+import type { SliderValue } from "../types";
+import type { LabeledMark, SliderMark } from "./SliderRailMarks";
 export declare type UpdateValueItem = (oldValue: SliderValue, index: number, valueItem: number) => SliderValue;
 export declare function useValueUpdater(pushable: boolean | undefined, pushDistance: number, min: number, max: number): UpdateValueItem;
 export declare const roundValue: (v: number, step: number) => number;

package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts

@@ -0,0 +1,9 @@
+import { type TextProps } from "@salt-ds/core";
+import { type ReactNode } from "react";
+export interface StepLabelProps extends TextProps<"label"> {
+    /**
+     * The content of Step Label
+     */
+    children?: ReactNode;
+}
+export declare const StepLabel: import("react").ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/stepped-tracker/StepLabel/index.d.ts

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