@salt-ds/lab 1.0.0-alpha.0

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

@@ -0,0 +1,15 @@
+import { FocusEventHandler, ForwardedRef, Ref } from "react";
+import { QueryInputBodyProps } from "./internal/QueryInputBody";
+import { ValueSelectorProps } from "./internal/ValueSelector";
+import { QueryInputProps } from "./QueryInput";
+export declare type BooleanOperator = "or" | "and";
+export interface UseQueryInputResult {
+    queryInputProps: {
+        onFocus: FocusEventHandler<HTMLDivElement>;
+        onBlur: FocusEventHandler<HTMLDivElement>;
+    };
+    queryInputBodyRef: Ref<HTMLDivElement>;
+    queryInputBodyProps: QueryInputBodyProps;
+    valueSelectorProps: ValueSelectorProps;
+}
+export declare function useQueryInput(props: QueryInputProps, forwardedRef: ForwardedRef<HTMLDivElement>): UseQueryInputResult;

package/dist-types/radio-button/RadioButton.d.ts

@@ -0,0 +1,22 @@
+import { ChangeEventHandler, HTMLAttributes, ComponentType } from "react";
+import { ControlLabelProps } from "../control-label";
+import { RadioButtonIconProps } from "./RadioButtonIcon";
+import "./RadioButton.css";
+export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    checked?: boolean;
+    className?: string;
+    disabled?: boolean;
+    /**
+     * Custom icon component
+     */
+    icon?: ComponentType<RadioButtonIconProps>;
+    /**
+     * The label to be shown next to the radio
+     */
+    label?: ControlLabelProps["label"];
+    LabelProps?: Partial<ControlLabelProps>;
+    name?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    value?: string;
+}
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/radio-button/RadioButtonBase.d.ts

@@ -0,0 +1,22 @@
+import { ChangeEventHandler, ComponentType, FocusEventHandler } from "react";
+import { RadioButtonIconProps } from "./RadioButtonIcon";
+import "./RadioButtonBase.css";
+export interface RadioButtonBaseProps {
+    checked?: boolean;
+    className?: string;
+    disabled?: boolean;
+    /**
+     * custom icon component
+     */
+    icon?: ComponentType<RadioButtonIconProps>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    name?: string;
+    defaultChecked?: boolean;
+    onFocus?: FocusEventHandler<HTMLSpanElement>;
+    onBlur?: FocusEventHandler<HTMLSpanElement>;
+    required?: boolean;
+    id?: string;
+    tabIndex?: number;
+    value?: string;
+}
+export declare const RadioButtonBase: import("react").ForwardRefExoticComponent<RadioButtonBaseProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/radio-button/RadioButtonGroup.d.ts

@@ -0,0 +1,19 @@
+import { ChangeEventHandler, ComponentType, HTMLAttributes } from "react";
+import { RadioButtonIconProps } from "./RadioButtonIcon";
+import "./RadioButtonGroup.css";
+export interface RadioButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    defaultValue?: string;
+    icon?: ComponentType<RadioButtonIconProps>;
+    legend?: string;
+    name?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    radios?: {
+        disabled?: boolean;
+        label?: string;
+        value?: string;
+    }[];
+    row?: boolean;
+    value?: string;
+}
+export declare const RadioButtonGroup: import("react").ForwardRefExoticComponent<RadioButtonGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist-types/radio-button/RadioButtonIcon.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, ReactElement } from "react";
+import "./RadioButtonIcon.css";
+export interface RadioButtonIconProps {
+    checked?: boolean;
+}
+/**
+ * Default radio icon
+ */
+export declare const RadioButtonIcon: ({ checked }: RadioButtonIconProps) => JSX.Element;
+/**
+ * Creates a component that can be given to Radio or RadioButton as the 'icon'
+ */
+export declare const makeRadioIcon: (iconChecked: ReactElement | null, iconUnchecked: ReactElement | null) => ComponentType<RadioButtonIconProps>;

package/dist-types/radio-button/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./RadioButton";
+export * from "./RadioButtonGroup";
+export * from "./RadioButtonBase";
+export * from "./RadioButtonIcon";

package/dist-types/radio-button/internal/RadioGroupContext.d.ts

@@ -0,0 +1,7 @@
+import { ChangeEventHandler } from "react";
+export interface RadioGroupContextValue {
+    name?: string;
+    value?: string;
+    onChange?: ChangeEventHandler<HTMLElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;

package/dist-types/radio-button/internal/useRadioGroup.d.ts

@@ -0,0 +1 @@
+export declare function useRadioGroup(): import("./RadioGroupContext").RadioGroupContextValue;

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

@@ -0,0 +1,60 @@
+/**
+ * This reducer manages a collection of items that represent the content of an overflowable container.
+ * The items are mostly content configured by the caller of the container, either data passed though
+ * 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";
+interface InitAction {
+    type: "init";
+    overflowItems?: OverflowItem[];
+}
+interface SourceAction {
+    type: "add-source-item";
+    idRoot: string;
+    source: any;
+}
+interface AddChildAction {
+    type: "add-child-item";
+    idRoot: string;
+    indexPosition?: number;
+    element: ReactElement;
+}
+interface RemoveItemAction {
+    type: "remove-item";
+    indexPosition: number;
+}
+interface MultiItemAction {
+    type: "update-items" | "update-items-remove-overflow-indicator";
+    overflowItems: Partial<Omit<OverflowItem, "id">> & Pick<OverflowItem, "id">[];
+}
+interface SingleItemAction {
+    type: "add-overflow-indicator" | "replace-item" | "collapsing-item" | "uncollapse-dynamic-item" | "collapse-instant-item";
+    overflowItem: OverflowItem;
+}
+interface CombinedItemAction {
+    type: "update-items-add-overflow-indicator";
+    overflowItem: OverflowItem<any>;
+    overflowItems: OverflowItem[];
+}
+interface EmptyPayloadAction {
+    type: "restore-collapsing-item";
+}
+interface DynamicCollapseAction extends Omit<SingleItemAction, "type"> {
+    type: "collapse-dynamic-item";
+    collapsedSize: number;
+    minSize: number;
+}
+export declare type OverflowAction = AddChildAction | CombinedItemAction | DynamicCollapseAction | EmptyPayloadAction | InitAction | MultiItemAction | RemoveItemAction | SingleItemAction | SourceAction;
+export declare type OverflowReducer = Reducer<OverflowItems, OverflowAction>;
+export declare type OverflowReducerInitialisationProps = {
+    children?: ReactNode;
+    source?: OverflowSource[];
+    injectedItems?: any[];
+    idRoot: string;
+    options?: OverflowCollectionOptions;
+};
+export declare const reducerInitialiser: (props: OverflowReducerInitialisationProps) => OverflowItems;
+export declare const overflowReducer: OverflowReducer;
+export {};

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

@@ -0,0 +1,11 @@
+export * from "./useInstantCollapse";
+export * from "./useDynamicCollapse";
+export * from "./useReclaimSpace";
+export * from "./useResizeObserver";
+export * from "./useOverflow";
+export * from "./useOverflowCollectionItems";
+export * from "./useOverflowLayout";
+export * from "./useWidth";
+export * from "./overflowTypes";
+export * from "./overflowUtils";
+export * from "./utils";

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

@@ -0,0 +1,123 @@
+import { ReactElement, ReactNode, RefObject } from "react";
+import { OverflowAction as overflowAction2 } from "./OverflowReducer";
+declare type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
+declare type dimensions = {
+    size: dimension;
+    depth: dimension;
+    scrollDepth: dimension;
+};
+export declare type dimensionsType = {
+    horizontal: dimensions;
+    vertical: dimensions;
+};
+export declare type orientationType = keyof dimensionsType;
+export declare type collapsibleType = "instant" | "dynamic";
+interface NonNullableRefObject<T> {
+    current: T;
+}
+export declare type FilterPredicate = (item: OverflowItem) => boolean;
+export declare type ElementRef = RefObject<HTMLDivElement>;
+export interface OverflowSource {
+    id?: string;
+    label: string;
+    editable?: boolean;
+    closeable?: boolean;
+    position?: number;
+    priority?: number;
+}
+export declare type InjectedSourceItem = {
+    source: OverflowSource;
+};
+export declare type InjectedChildItem = {
+    element: JSX.Element;
+};
+export declare type InjectedItem = InjectedChildItem | InjectedSourceItem;
+export declare type overflowItemType = "source" | "child";
+export declare type OverflowItem<T extends overflowItemType = "child"> = {
+    collapsed?: boolean;
+    collapsible?: collapsibleType;
+    collapsing?: boolean;
+    disabled?: boolean;
+    element: T extends "child" ? ReactElement : null;
+    fullSize: number | null;
+    id: string;
+    index: number;
+    isInjectedItem?: boolean;
+    isOverflowIndicator?: boolean;
+    label?: string;
+    minSize?: number;
+    overflowed?: boolean;
+    position?: number;
+    priority: number;
+    reclaimSpace?: boolean;
+    reclaimedSpace?: boolean;
+    size: number;
+    source: T extends "source" ? any : null;
+    type: overflowItemType;
+    editable?: boolean;
+    closeable?: boolean;
+};
+export declare type OverflowItems = OverflowItem<"source" | "child">[];
+export declare type ManagedListRef = NonNullableRefObject<OverflowItem[]>;
+export declare type overflowState = {
+    overflowIndicatorSize: number;
+    visibleItems: OverflowItem[];
+};
+export declare type overflowAction = {
+    type: string;
+    managedItems?: OverflowItem[];
+    managedItem?: OverflowItem;
+};
+export declare type overflowDispatch = (action: overflowAction2) => void;
+export declare type OverflowCollectionOptions = {
+    closeable?: boolean;
+    editable?: boolean;
+    getPriority?: (item: any, index: number) => number | undefined;
+};
+export declare type OverflowCollectionHookProps = {
+    children?: ReactNode;
+    defaultSource?: OverflowSource[];
+    id: string;
+    injectedItems?: InjectedItem[];
+    label?: string;
+    options?: OverflowCollectionOptions;
+    orientation: orientationType;
+    source?: OverflowSource[];
+};
+export declare type OverflowCollectionHookResult = {
+    data: OverflowItem[];
+    dispatch: (action: overflowAction2 | {
+        type: "reset";
+    }) => void;
+    isControlled: boolean;
+    version: number;
+};
+export interface OverflowLayoutHookProps {
+    collectionHook: OverflowCollectionHookResult;
+    disableOverflow?: boolean;
+    id: string;
+    label?: string;
+    orientation: orientationType;
+}
+export interface OverflowHookProps {
+    collectionHook: OverflowCollectionHookResult;
+    dispatchOverflowAction?: overflowDispatch;
+    id?: string;
+    innerContainerSize?: number;
+    label?: string;
+    overflowContainerRef: ElementRef;
+    orientation: orientationType;
+    hasOverflowedItems?: boolean;
+    overflowItemsRef: ManagedListRef;
+}
+export interface OverflowHookResult {
+    onResize: (size: number, containerHasGrown?: boolean) => void;
+    resetMeasurements?: (isOverflowing: boolean, innerContainerSize: number) => boolean | undefined;
+}
+export interface InstantCollapseHookResult extends Omit<OverflowHookResult, "resetMeasurements"> {
+    resetMeasurements: (isOverflowing?: boolean) => boolean | undefined;
+}
+export interface DynamicCollapseHookResult extends Omit<OverflowHookResult, "resetMeasurements"> {
+    resetMeasurements: () => boolean | undefined;
+}
+export {};

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
+export declare const DropdownPlaceholder: () => null;
+export declare const getDropdownPlaceholder: () => JSX.Element;
+export declare type heightOrWidth = "width" | "height";
+export declare const NO_DATA: {};
+export declare const allExceptOverflowIndicator: (sum: number, m: OverflowItem) => number;
+export declare const isCollapsed: (item: OverflowItem) => boolean;
+export declare const isCollapsing: (item: OverflowItem) => boolean;
+export declare const isCollapsedOrCollapsing: (item: OverflowItem) => boolean;
+export declare const isOverflowed: (item: OverflowItem) => boolean;
+export declare const notOverflowed: (item: OverflowItem) => boolean;
+export declare const isCollapsible: (item: OverflowItem) => boolean;
+export declare const getIsOverflowed: (managedItems: OverflowItem[]) => boolean;
+export declare const measureContainer: (ref: ElementRef, orientation?: orientationType) => {
+    innerContainerSize: number;
+    rootContainerDepth: number;
+    innerContainerDepth: number;
+};
+export declare const measureContainerOverflow: (ref: ElementRef, orientation?: orientationType) => {
+    isOverflowing: boolean;
+    innerContainerSize: number;
+    rootContainerDepth: number;
+};
+/**
+ * Compute element size including margin.
+ * Exclude margin where this has been applied for alignment, via margin: auto
+ * which can be identified by the data-pad-end, data-pad-start attributes.
+ **/
+export declare function measureElementSize(element: HTMLElement, dimension?: heightOrWidth, includeAutoMargin?: boolean): number;
+export declare const byDescendingPriority: (m1: OverflowItem, m2: OverflowItem) => number;
+export declare const getOverflowIndicator: (managedItems: OverflowItem[]) => OverflowItem<"child"> | undefined;
+export declare const popNextItemByPriority: (items: OverflowItem[]) => OverflowItem | null;
+export declare const measureOverflowItems: (items: OverflowItem[], dimension: heightOrWidth) => OverflowItem[];
+export declare const addAll: (sum: number, m: OverflowItem) => number;
+export declare const getElementForItem: (ref: ElementRef, item: OverflowItem) => HTMLElement;
+declare type dimension = "left" | "right" | "top" | "bottom";
+export declare const getRuntimePadding: (el: HTMLElement, ...dimensions: dimension[]) => number[];
+export {};

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { 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

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

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

@@ -0,0 +1,4 @@
+import { 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

@@ -0,0 +1,3 @@
+import { OverflowItem, OverflowHookProps, OverflowHookResult } 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

@@ -0,0 +1,12 @@
+import { RefObject } from "react";
+export declare const WidthHeight: string[];
+export declare const HeightOnly: string[];
+export declare const WidthOnly: string[];
+export declare type measurements<T = string | number> = {
+    height?: T;
+    scrollHeight?: T;
+    scrollWidth?: T;
+    width?: T;
+};
+export declare type ResizeHandler = (measurements: measurements<number>) => void;
+export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

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

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

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

@@ -0,0 +1,14 @@
+export declare type dataPadDirection = "data-pad-start" | "data-pad-end";
+export declare const isResponsiveAttribute: (propName: string) => boolean;
+declare type AnyProps = Record<string, unknown>;
+declare type ResponsivePropsTuple = [AnyProps, AnyProps];
+/**
+ * data- attributes can be used to manage item overflow behaviour. Users may
+ * speficy these attributes directly on a Toolbar component, which ultimately
+ * gets wrapped by a FormField. We need to 'lift' these attributes to the form
+ * field and remove them from the props of the nested component.
+ * @param props
+ * @returns
+ */
+export declare const liftResponsivePropsToFormField: (props: AnyProps) => ResponsivePropsTuple;
+export {};

package/dist-types/scrim/Scrim.d.ts

@@ -0,0 +1,69 @@
+import { HTMLAttributes, RefObject, SyntheticEvent } from "react";
+import { FocusManagerProps } from "../focus-manager";
+import "./Scrim.css";
+export interface ScrimProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Ref of the element that automatically receives focus when the Scrim is opened.
+     */
+    autoFocusRef?: FocusManagerProps["autoFocusRef"];
+    /**
+     * Prop to enable escape key to close scrim.
+     * The default value of this props is false
+     */
+    closeWithEscape?: boolean;
+    /**
+     * If `true`, the trap focus will not automatically shift focus to itself when it opens, and
+     * replace it to the last focused element when it closes.
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.
+     */
+    disableFocusTrap?: boolean;
+    /**
+     * If `true`, the trap focus will not restore focus to previously focused element once
+     * trap focus is hidden.
+     */
+    disableReturnFocus?: boolean;
+    /**
+     * By default, an error will be thrown if the focus trap contains no elements in its tab order.
+     * With this option you can specify a fallback element to programmatically receive focus if no other tabbable elements are found.
+     * For example, you may want a popover's `<div>` to receive focus if the popover's content includes no tabbable elements.
+     */
+    fallbackFocusRef?: FocusManagerProps["fallbackFocusRef"];
+    /**
+     * The handler for backdrop click on Scrim.
+     */
+    onBackDropClick?: (e: SyntheticEvent) => void;
+    /**
+     * The handler for onClose of Scrim.
+     */
+    onClose?: () => void;
+    /**
+     * To maintain open and close of the scrim.
+     */
+    open?: boolean;
+    /**
+     * Set to true to enable the container use case. If true the Scrim will be bound to a container ref you pass via the `parentRef` prop.
+     * Default value is false, and the default behavior is for Scrim to be bound to the document viewport.
+     */
+    enableContainerMode?: boolean;
+    /**
+     * Prop necessary to enable container use case. Pass the parent element ref that you want Scrim to be bound to.
+     * Default value is undefined, and the default behavior is for Scrim to be bound to the document viewport.
+     */
+    containerRef?: RefObject<HTMLElement>;
+    /**
+     * Options object to pass to the `focus()` method that is called on the previously focused element when Scrim is closed.
+     */
+    returnFocusOptions?: FocusManagerProps["returnFocusOptions"];
+    /**
+     * comma separated string of query selectors which may need to be overridden for edge cases.
+     */
+    tabEnabledSelectors?: string;
+    /**
+     * Prop to pass z-index for Scrim.
+     */
+    zIndex?: number;
+}
+export declare const Scrim: import("react").ForwardRefExoticComponent<ScrimProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/scrim/ScrimContext.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ScrimContext: import("react").Context<(() => void) | undefined>;

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

@@ -0,0 +1,2 @@
+export * from "./Scrim";
+export * from "./ScrimContext";

package/dist-types/scrim/internal/PreventFocus.d.ts

@@ -0,0 +1 @@
+export declare function preventFocusOthers(originalTarget: HTMLElement | null, tabbableSelector: string, parentNode: HTMLElement): () => void;

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

@@ -0,0 +1,24 @@
+import { ComponentType, SyntheticEvent } from "react";
+import { InputProps } from "../input";
+import "./SearchInput.css";
+export interface SearchInputProps extends Omit<InputProps, "onSubmit"> {
+    /**
+     * Override "search" icon.
+     * Set to `null` to hide.
+     */
+    IconComponent?: ComponentType<any> | null;
+    /**
+     * Callback for when clear button is clicked.
+     */
+    onClear?: () => void;
+    /**
+     * Callback for change event.
+     * Event is either an Input change event or a Button click event.
+     */
+    onChange?: (event: SyntheticEvent<unknown>, value: string) => void;
+    /**
+     * Callback to trigger search.
+     */
+    onSubmit?: (value: InputProps["value"]) => void;
+}
+export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,16 @@
+import { RefObject } from "react";
+import { LinkProps } from "@salt-ds/core";
+import "./SkipLink.css";
+interface SkipLinkProps extends LinkProps {
+    /**
+     * This is a ref that has access to the target element.
+     *
+     * This will be used to apply focus to that element
+     *
+     * Refs are referentially stable so if this changes it won't be picked up
+     * will need to find a better way of passing in the target element to apply the attributes
+     */
+    targetRef?: RefObject<HTMLElement>;
+}
+export declare const SkipLink: import("react").ForwardRefExoticComponent<Pick<SkipLinkProps, "children" | "slot" | "style" | "title" | "key" | "onClick" | "onKeyDown" | "dir" | "accessKey" | "id" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "className" | "color" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "maxRows" | "styleAs" | "IconComponent" | "targetRef"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export * from "./SkipLink";
+export * from "./SkipLinks";

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

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+/// <reference types="webpack-env" />
+import { RefObject } from "react";
+export declare const useManageFocusOnTarget: ({ targetRef, targetClass, }: {
+    targetRef: RefObject<HTMLElement> | undefined;
+    targetClass: string;
+}) => {
+    onBlur: () => NodeJS.Timeout;
+    onClick: () => void;
+} | Record<string, undefined>;

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from "react";
+import { SliderMark } from "./internal/SliderRailMarks";
+import { SliderChangeHandler, SliderValue } from "./types";
+import "./Slider.css";
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    pageStep?: number;
+    value?: SliderValue;
+    defaultValue?: SliderValue;
+    pushable?: boolean;
+    pushDistance?: number;
+    disabled?: boolean;
+    onChange?: SliderChangeHandler;
+    marks?: SliderMark[];
+    hideMarks?: boolean;
+    hideMarkLabels?: boolean;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./Slider";
+export * from "./types";

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

@@ -0,0 +1,12 @@
+import { CSSProperties } from "react";
+import "../Slider.css";
+export interface SliderHandleProps {
+    min: number;
+    max: number;
+    value: number;
+    index: number;
+    disabled: boolean;
+    valueLength: number;
+    style: CSSProperties;
+}
+export declare function SliderHandle(props: SliderHandleProps): JSX.Element;

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

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

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

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