@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist-types/form-field-legacy/FormFieldLegacy.d.ts

@@ -0,0 +1,112 @@
+import { Dispatch, ElementType, FocusEventHandler, HTMLAttributes, SetStateAction } from "react";
+import { FormActivationIndicatorProps } from "./FormActivationIndicator";
+import { FormHelperTextProps } from "./FormHelperText";
+import { FormLabelProps } from "./FormLabel";
+import { NecessityIndicatorOptions } from "./NecessityIndicator";
+import { StatusIndicatorProps } from "./StatusIndicator";
+export declare type FormFieldLabelPlacement = "top" | "left";
+export declare type FormFieldHelperTextPlacement = "bottom" | "tooltip";
+export declare type FormFieldValidationStatus = "error" | "warning";
+export interface A11yValueProps extends Pick<NecessityIndicatorOptions, "required"> {
+    /**
+     * If `true`, the FormField will be disabled.
+     */
+    disabled?: boolean;
+    /** id of the helper text node */
+    helperTextId?: string;
+    /** id of the label node */
+    labelId?: string;
+    /**
+     * The FormField value is Readonly
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the form field needs to render helper text
+     */
+    renderHelperText?: boolean;
+}
+export interface FormFieldLegacyProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
+    /**
+     * The component used for activation indicator. Default to `FormActivationIndicator`.
+     */
+    ActivationIndicatorComponent?: ElementType<FormActivationIndicatorProps>;
+    /**
+     * Outer focus ring focus will not be applied. Defaults to false.
+     */
+    disableFocusRing?: boolean;
+    /**
+     * Whether the form field is occupying full width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether to show the StatusIndicator component for validation states.
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * The helper text content
+     */
+    helperText?: string;
+    /**
+     * The component used for the helper text. Default to `FormHelperText`.
+     */
+    HelperTextComponent?: ElementType<FormHelperTextProps>;
+    /**
+     * Location the helperText, values: 'bottom' (default) or 'tooltip'.
+     */
+    helperTextPlacement?: FormFieldHelperTextPlacement;
+    /**
+     * Props to be applied to the `HelperTextComponent`.
+     *
+     * Generic on `FormHelperTextProps` is omitted.
+     */
+    HelperTextProps?: Partial<FormHelperTextProps>;
+    /**
+     * The label value for the FormField
+     */
+    label?: string;
+    /**
+     * The component used for the label. Default to `FormLabel`.
+     */
+    LabelComponent?: ElementType;
+    /**
+     * Location the label, values: 'top' (default) or 'left'
+     */
+    labelPlacement?: FormFieldLabelPlacement;
+    /**
+     * Props to be applied to the `LabelComponent`
+     */
+    LabelProps?: Partial<FormLabelProps>;
+    /**
+     * Override props to be used with the StatusIndicator component
+     */
+    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
+    /**
+     * The state for the FormField: Must be one of: 'error'|'warning'|undefined
+     */
+    validationStatus?: FormFieldValidationStatus;
+    /**
+     * FormField variants; defaults to primary.
+     *
+     * **Deprecated:** The 'tertiary' variant has been deprecated
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export interface useA11yValueValue {
+    "aria-labelledby": A11yValueProps["labelId"];
+    "aria-required": A11yValueProps["required"];
+    "aria-describedby": A11yValueProps["helperTextId"] | undefined;
+    disabled: A11yValueProps["disabled"];
+    readOnly: A11yValueProps["readOnly"];
+}
+export declare const useFormFieldLegacy: ({ onBlur, onFocus, }: {
+    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
+    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
+}) => [{
+    focused: boolean;
+}, {
+    setFocused: Dispatch<SetStateAction<boolean>>;
+}, {
+    onBlur: FocusEventHandler<HTMLDivElement>;
+    onFocus: FocusEventHandler<HTMLDivElement>;
+}];
+export declare const FormFieldLegacy: import("react").ForwardRefExoticComponent<FormFieldLegacyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/form-field-legacy/FormHelperText.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from "react";
+import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
+export declare type FormHelperTextProps<E extends React.ElementType = "p"> = ComponentPropsWithoutRef<E> & {
+    helperText: FormFieldProps["helperText"];
+    helperTextPlacement: FormFieldProps["helperTextPlacement"];
+};
+export declare const FormHelperText: <E extends import("react").ElementType<any> = "p">({ helperText, helperTextPlacement, ...restProps }: FormHelperTextProps<E>) => JSX.Element | null;

package/dist-types/form-field-legacy/FormLabel.d.ts

@@ -0,0 +1,39 @@
+import { ElementType, HTMLAttributes } from "react";
+import { FormFieldValidationStatus } from "./FormFieldLegacy";
+import { NecessityIndicatorOptions } from "./NecessityIndicator";
+import { StatusIndicatorProps } from "./StatusIndicator";
+export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, NecessityIndicatorOptions {
+    /**
+     * Whether the form field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Adjusts whether the StatusIndicator component is shown
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * The label value for the FormLabel
+     */
+    label?: string;
+    /**
+     * An optional renderer function used to customize the necessity adornment
+     */
+    NecessityIndicator?: ElementType<NecessityIndicatorOptions>;
+    /**
+     * Whether the form field is readOnly.
+     */
+    readOnly?: boolean;
+    /**
+     * Props used to configure the StatusIndicator component if hasStatusIndicator is true
+     */
+    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
+    /**
+     * The status for the FormField: Must be one of: 'error'|'warning'|undefined
+     */
+    validationStatus?: FormFieldValidationStatus;
+    /**
+     * Text to be shown in the Tooltip.
+     */
+    tooltipText?: string;
+}
+export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => JSX.Element;

package/dist-types/form-field-legacy/constant.d.ts

@@ -0,0 +1 @@
+export declare const classBase = "saltFormFieldLegacy";

package/dist-types/form-field-legacy/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FormFieldLegacy";
+export * from "./FormLabel";

package/dist-types/form-group/FormGroup.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./FormGroup.css";
 export interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Display group of elements in a compact row.

package/dist-types/formatted-input/FormattedInput.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import { InputProps } from "../input";
-import "./FormattedInput.css";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export declare type MaskFunction = (value: string | undefined) => boolean;
 export interface RifmOptions {
     format?: (str: string) => string;

package/dist-types/index.d.ts

@@ -1,57 +1,58 @@
 export type { SelectHandler, SelectionChangeHandler, SelectionStrategy, useCollectionItems, } from "./common-hooks";
 export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandler as ListSelectHandlerDeprecated, } from "./list-deprecated";
 export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDeprecated, } from "./list-deprecated";
-export * from "./accordion";
 export * from "./app-header";
-export * from "./avatar";
 export * from "./badge";
-export * from "./banner";
 export * from "./breadcrumbs";
 export * from "./button-bar";
 export * from "./calendar";
 export * from "./carousel";
 export * from "./cascading-menu";
-export * from "./checkbox";
 export * from "./color-chooser";
 export * from "./combo-box";
+export * from "./combo-box-next";
 export * from "./combo-box-deprecated";
 export * from "./contact-details";
 export * from "./content-status";
-export * from "./control-label";
 export * from "./deck-item";
 export * from "./deck-layout";
 export * from "./dialog";
+export * from "./drawer";
 export * from "./dropdown";
+export * from "./dropdown-next";
 export * from "./editable-label";
 export * from "./file-drop-zone";
-export * from "./form-field";
-export * from "./form-field-context";
+export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
+export * from "./form-field-context-legacy";
 export * from "./form-group";
 export * from "./formatted-input";
-export * from "./input";
+export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputAdornment, } from "./input-legacy";
 export * from "./layer-layout";
 export * from "./list";
+export * from "./list-next";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
+export * from "./navigation-item";
 export * from "./overlay";
 export * from "./pagination";
 export * from "./parent-child-item";
 export * from "./parent-child-layout";
 export * from "./pill";
+export * from "./pill-next";
 export * from "./portal";
 export * from "./progress";
 export * from "./query-input";
-export * from "./radio-button";
 export * from "./responsive";
 export * from "./scrim";
 export * from "./search-input";
 export * from "./skip-link";
 export * from "./slider";
+export * from "./stepped-tracker";
 export * from "./stepper-input";
-export * from "./switch";
 export * from "./tabs";
-export * from "./toggle-button";
+export * from "./tabs-next";
+export * from "./toast-group";
 export * from "./tokenized-input";
 export * from "./toolbar";
 export * from "./tree";

package/dist-types/input-legacy/InputLegacy.d.ts

@@ -0,0 +1,76 @@
+import { ChangeEvent, ElementType, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler, ReactNode } from "react";
+export interface InputLegacyProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /**
+     * Determines the position of the text cursor on focus of the input.
+     *
+     * start = place cursor at the beginning<br>
+     * end = place cursor at the end<br>
+     * \# = index to place the cursor<br>
+     */
+    cursorPositionOnFocus?: "start" | "end" | number;
+    /**
+     * The value of the `input` element, required for an uncontrolled component.
+     */
+    defaultValue?: HTMLInputElement["defaultValue"];
+    /**
+     * If `true`, the component is disabled.
+     */
+    disabled?: HTMLInputElement["disabled"];
+    /**
+     * The marker to use in an empty read only Input.
+     * Use `''` to disable this feature. Defaults to '—'.
+     */
+    emptyReadOnlyMarker?: string;
+    /**
+     * Determines what gets highlighted on focus of the input.
+     *
+     * If `true` all text will be highlighted.
+     * If an array text between those indices will be highlighted
+     * e.g. [0,1] will highlight the first character.
+     */
+    highlightOnFocus?: boolean | number[];
+    /**
+     * The HTML element to render the Input, e.g. 'input', a custom React component.
+     */
+    inputComponent?: ElementType;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback for change event.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
+    onMouseUp?: MouseEventHandler<HTMLInputElement>;
+    onMouseMove?: MouseEventHandler<HTMLInputElement>;
+    onMouseDown?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     *
+     * Determines the alignment of the input text.
+     */
+    textAlign?: "left" | "right" | "center";
+    type?: HTMLInputElement["type"];
+    /**
+     * The value of the `input` element, required for a controlled component.
+     */
+    value?: HTMLInputElement["value"];
+    renderSuffix?: (state: {
+        disabled?: boolean;
+        error?: boolean;
+        focused?: boolean;
+        margin?: "dense" | "none" | "normal";
+        required?: boolean;
+        startAdornment?: ReactNode;
+    }) => ReactNode;
+    endAdornment?: ReactNode;
+    startAdornment?: ReactNode;
+}
+export declare const InputLegacy: import("react").ForwardRefExoticComponent<InputLegacyProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist-types/input-legacy/StaticInputAdornment.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from "react";
+export declare type StaticInputAdornmentProps = HTMLAttributes<HTMLDivElement>;
+export declare const StaticInputAdornment: import("react").ForwardRefExoticComponent<StaticInputAdornmentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./InputLegacy";
+export * from "./StaticInputAdornment";

package/dist-types/layer-layout/LayerLayout.d.ts

@@ -1,9 +1,8 @@
 import { HTMLAttributes } from "react";
 import { ScrimProps } from "../scrim";
-import "./LayerLayout.css";
 import { Breakpoints } from "@salt-ds/core";
 export declare const LAYER_POSITIONS: readonly ["center", "left", "top", "right", "bottom"];
-export declare type LayerPositions = typeof LAYER_POSITIONS[number];
+export declare type LayerPositions = (typeof LAYER_POSITIONS)[number];
 export interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Disable the scrim.

package/dist-types/list/Highlighter.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from "react";
-import "./Highlighter.css";
 export interface HighlighterProps {
     matchPattern?: RegExp | string;
     text?: string;

package/dist-types/list/List.d.ts

@@ -1,7 +1,6 @@
 import { ForwardedRef, ReactElement } from "react";
 import { ScrollingAPI, SelectionStrategy } from "../common-hooks";
 import { ListProps } from "./listTypes";
-import "./List.css";
 export declare const List: <Item = string, Selection_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
     ref?: ForwardedRef<ScrollingAPI<Item>> | undefined;
 }) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;

package/dist-types/list/ListItem.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
 import { ListItemType } from "./listTypes";
-import "./ListItem.css";
 export declare const ListItemProxy: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ListItem: ListItemType<unknown>;

package/dist-types/list/VirtualizedList.d.ts

@@ -1,7 +1,6 @@
 import { ForwardedRef, ReactElement } from "react";
 import { SelectionStrategy } from "../common-hooks";
 import { ListProps } from "./listTypes";
-import "./List.css";
 export declare const VirtualizedList: <Item = string, Selection_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
     ref?: ForwardedRef<HTMLDivElement> | undefined;
 }) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,6 +1,5 @@
 import { ForwardedRef, HTMLAttributes, ReactElement, Ref } from "react";
 import { ListBaseProps } from "./ListProps";
-import "./List.css";
 export interface ListboxContextProps<Item> {
     borderless?: boolean;
     className?: string;

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./ListItem.css";
 export interface ListItemBaseProps extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     deselectable?: boolean;

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

@@ -0,0 +1,16 @@
+import { 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 { ComponentPropsWithoutRef, 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 { 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 { FocusEvent, KeyboardEvent, RefObject, 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 { 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 { 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 { 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/MenuButtonTrigger.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { ButtonProps } from "@salt-ds/core";
-import "./MenuButtonTrigger.css";
 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";
 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";
 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";
 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/navigation-item/ConditionalWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { NavigationItemProps } from "./NavigationItem";
+interface ConditionalWrapperProps extends Pick<NavigationItemProps, "parent" | "expanded" | "onExpand" | "active" | "href"> {
+    children: ReactNode;
+    className: string;
+}
+export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => JSX.Element;
+export {};

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -0,0 +1,2 @@
+import { NavigationItemProps } from "./NavigationItem";
+export declare function ExpansionIcon({ expanded, orientation, className, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;

package/dist-types/navigation-item/NavigationItem.d.ts

@@ -0,0 +1,36 @@
+import { ComponentPropsWithoutRef, MouseEventHandler } from "react";
+export interface NavigationItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Whether the navigation item is active.
+     */
+    active?: boolean;
+    /**
+     * Whether the nested group is collapsed and there is an active nested item within it.
+     */
+    blurActive?: boolean;
+    /**
+     * Whether the navigation item is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Level of nesting.
+     */
+    level?: number;
+    /**
+     * The orientation of the navigation item.
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Whether the navigation item is a parent with nested items.
+     */
+    parent?: boolean;
+    /**
+     * Action to be triggered when the navigation item is expanded.
+     */
+    onExpand?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Href to be passed to the Link element.
+     */
+    href?: string;
+}
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<NavigationItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/navigation-item/index.d.ts

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