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

package/dist-types/combo-box-next/ComboBoxNext.d.ts

@@ -0,0 +1,83 @@
+import { ComponentPropsWithoutRef, ReactElement, Ref, SyntheticEvent } from "react";
+import { ListNextProps } from "../list-next";
+import { ComboBoxItemProps } from "./utils";
+import { UseComboBoxPortalProps } from "./useComboboxPortal";
+export interface ComboBoxNextProps<T> extends Omit<ComponentPropsWithoutRef<"input">, "onChange" | "onSelect"> {
+    /**
+     * Additional props for the list component.
+     */
+    ListProps?: ListNextProps;
+    /**
+     * Additional props for the portal.
+     */
+    PortalProps?: UseComboBoxPortalProps;
+    /**
+     * Controlled prop. Controls the Input value in the Combo Box Input.
+     */
+    inputValue?: string;
+    /**
+     * Controlled prop. Controls the Highlighted item in the Combo Box list.
+     */
+    highlightedItem?: string;
+    /**
+     * Controlled prop. Controls the Selected value in the Combo Box list.
+     */
+    selected?: string;
+    /**
+     * Initial input value for when the list is uncontrolled.
+     */
+    defaultInputValue?: string;
+    /**
+     * Initial selected value for when the list is uncontrolled.
+     */
+    defaultSelected?: string;
+    /**
+     * If `true`, the component will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+    /**
+    /**
+     * The source of combobox items.
+     */
+    source: T[];
+    /**
+     * Optional ref for the list component
+     */
+    listRef?: Ref<HTMLUListElement>;
+    /**
+     * The component used for item instead of the default.
+     */
+    ListItem?: (props: ComboBoxItemProps<T>) => ReactElement<ComboBoxItemProps<T>>;
+    /**
+     * Function to be used as filter.
+     */
+    itemFilter?: (source: T[], filterValue?: string) => T[];
+    /**
+     * Callback for mouse over event
+     */
+    onMouseOver?: (event: SyntheticEvent) => void;
+    /**
+     * Callback for list selection event
+     */
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+    /**
+     * Callback for list change event
+     */
+    onListChange?: (event: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    /**
+     * Callback for input change event
+     */
+    onChange?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+}
+export declare const ComboBoxNext: import("react").ForwardRefExoticComponent<ComboBoxNextProps<unknown> & import("react").RefAttributes<HTMLInputElement>>;

package/dist-types/combo-box-next/index.d.ts

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

package/dist-types/combo-box-next/useComboBox.d.ts

@@ -0,0 +1,44 @@
+import { FocusEvent, KeyboardEvent, SyntheticEvent } from "react";
+import { UseListProps } from "../list-next/useList";
+import { UseComboBoxPortalProps } from "./useComboboxPortal";
+interface UseComboBoxProps {
+    inputValue?: string;
+    defaultInputValue?: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    onMouseOver?: (event: SyntheticEvent) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    PortalProps?: UseComboBoxPortalProps;
+    listProps: UseListProps;
+}
+export declare const useComboBox: ({ defaultInputValue, onFocus, onMouseOver, onKeyDown, inputValue: inputValueProp, PortalProps, listProps, }: UseComboBoxProps) => {
+    inputValue: string | undefined;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    portalProps: {
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        floating: (node: HTMLElement | null) => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        getTriggerProps: () => Record<string, unknown>;
+        getPortalProps: () => import("react").HTMLProps<HTMLDivElement>;
+        getPosition: () => {
+            top: number;
+            left: number;
+            position: import("@floating-ui/utils").Strategy;
+            width: number | undefined;
+            height: number | undefined;
+        };
+    };
+    selectedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    highlightedItem: string | undefined;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    activeDescendant: string | undefined;
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+    keyDownHandler: (event: KeyboardEvent<HTMLInputElement>) => void;
+    focusHandler: (event: FocusEvent<HTMLInputElement>) => void;
+    mouseOverHandler: (event: SyntheticEvent<HTMLElement>) => void;
+    mouseDownHandler: () => void;
+    listSelectHandler: () => void;
+};
+export {};

package/dist-types/combo-box-next/useComboboxPortal.d.ts

@@ -0,0 +1,22 @@
+import { Placement } from "@floating-ui/react";
+import { HTMLProps } from "react";
+export interface UseComboBoxPortalProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+}
+export declare function useComboboxPortal(props?: UseComboBoxPortalProps): {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    floating: (node: HTMLElement | null) => void;
+    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    getPortalProps: () => HTMLProps<HTMLDivElement>;
+    getTriggerProps: () => Record<string, unknown>;
+    getPosition: () => {
+        top: number;
+        left: number;
+        position: import("@floating-ui/utils").Strategy;
+        width: number | undefined;
+        height: number | undefined;
+    };
+};

package/dist-types/combo-box-next/utils.d.ts

@@ -0,0 +1,7 @@
+import { ListItemNextProps } from "../list-next";
+export declare const defaultFilter: (source: string[], filterValue?: string | undefined) => string[];
+export interface ComboBoxItemProps<T> extends Omit<ListItemNextProps, "value"> {
+    value: T;
+    matchPattern?: RegExp | string;
+}
+export declare const DefaultListItem: import("react").ForwardRefExoticComponent<ComboBoxItemProps<string> & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollectionItem } from "./collectionTypes";
 interface TypeaheadHookProps<Item> {
     disableTypeToSelect?: boolean;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from "@salt-ds/core";
 import { FavoriteToggleWithTooltipProps } from "./internal";
 export interface ContactFavoriteToggleProps extends FavoriteToggleWithTooltipProps {

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from "@salt-ds/core";
 import { FavoriteToggleProps } from "./FavoriteToggle";
 export interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {

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

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

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

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

package/dist-types/deck-item/DeckItem.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from "react";
 import { LayoutAnimation } from "../deck-layout";
-import "./DeckItem.css";
 export interface DeckItemProps extends HTMLAttributes<HTMLDivElement> {
     activeIndex?: number;
     animation?: LayoutAnimation;

package/dist-types/deck-layout/DeckLayout.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from "react";
 import { DeckItemProps } from "../deck-item";
-import "./DeckLayout.css";
 export declare type LayoutAnimation = "slide" | "fade";
 export declare type LayoutAnimationDirection = "horizontal" | "vertical";
 export declare type LayoutAnimationTransition = "increase" | "decrease";

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

@@ -1,19 +1,23 @@
+import { HTMLAttributes, ComponentProps } from "react";
+import { FloatingFocusManager } from "@floating-ui/react";
 import { ValidationStatus } from "@salt-ds/core";
-import { HTMLAttributes } from "react";
-import { ScrimProps } from "../scrim";
-import "./Dialog.css";
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
-    autoFocusRef?: ScrimProps["autoFocusRef"];
-    height?: string | number;
-    onClose?: () => void;
+    /**
+     * Display or hide the component.
+     */
     open?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Status indicator
+     * */
     status?: ValidationStatus;
-    width?: string | number;
-    enableBackdropClick?: boolean;
-    disablePortal?: boolean;
+    /**
+     * Which element to initially focus. Can be either a number (tabbable index as specified by the order) or a ref.
+     * Default value is 0 (first tabbable element).
+     * */
+    initialFocus?: ComponentProps<typeof FloatingFocusManager>["initialFocus"];
 }
-/**
- * The Dialog is a window that contains text and interactive components.
- * By default, Dialog is non-modal, but supports modal behaviour as well.
- */
 export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,8 @@
-import { HTMLAttributes } from "react";
-import "./DialogActions.css";
+import { HTMLAttributes, ReactNode } from "react";
 export interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of Dialog Actions
+     */
+    children?: ReactNode;
 }
 export declare const DialogActions: import("react").ForwardRefExoticComponent<DialogActionsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from "@salt-ds/core";
+export declare const DialogCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,8 @@
-import { HTMLAttributes } from "react";
-import "./DialogContent.css";
+import { HTMLAttributes, ReactNode } from "react";
 export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of Dialog Content
+     */
+    children?: ReactNode;
 }
 export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+export declare const DialogContext: import("react").Context<{
+    dialogId?: string | undefined;
+    status?: "error" | "warning" | "success" | "info" | undefined;
+}>;
+export declare const useDialogContext: () => {
+    dialogId?: string | undefined;
+    status?: "error" | "warning" | "success" | "info" | undefined;
+};

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

@@ -1,10 +1,8 @@
-import { HTMLAttributes, SyntheticEvent } from "react";
-import "./DialogTitle.css";
-export interface DialogTitleProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Disable the built-in ARIA heading attributes.
-     */
-    disableAria?: boolean;
-    onClose?: (event: SyntheticEvent) => void;
+import { ComponentPropsWithoutRef } from "react";
+import { ValidationStatus } from "@salt-ds/core";
+interface DialogTitleProps extends ComponentPropsWithoutRef<"h2"> {
+    status?: ValidationStatus;
+    accent?: boolean;
 }
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: ({ children, className, accent, status: statusProp, ...rest }: DialogTitleProps) => JSX.Element;
+export {};

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

@@ -1,4 +1,6 @@
+export * from "./Dialog";
+export * from "./DialogTitle";
 export * from "./DialogActions";
 export * from "./DialogContent";
-export * from "./DialogTitle";
-export * from "./Dialog";
+export * from "./DialogContext";
+export * from "./DialogCloseButton";

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

@@ -0,0 +1,26 @@
+import { UseFloatingUIProps } from "@salt-ds/core";
+export declare type UseDialogProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
+export declare function useDialog(props: UseDialogProps): {
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    floating: (node: HTMLElement | null) => void;
+    context: {
+        x: number | null;
+        y: number | null;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        update: () => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};

package/dist-types/drawer/Drawer.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from "react";
+export declare const DRAWER_POSITIONS: readonly ["left", "top", "right", "bottom"];
+export declare type DrawerPositions = (typeof DRAWER_POSITIONS)[number];
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Defines the drawer position within the screen.
+     */
+    position?: DrawerPositions;
+    /**
+     * Display or hide the component.
+     */
+    open?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Change background color palette
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./Drawer";
+export * from "./useDrawer";

package/dist-types/drawer/useDrawer.d.ts

@@ -0,0 +1,26 @@
+import { UseFloatingUIProps } from "@salt-ds/core";
+export declare type UseDrawerProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
+export declare function useDrawer(props: UseDrawerProps): {
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    floating: (node: HTMLElement | null) => void;
+    context: {
+        x: number | null;
+        y: number | null;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        update: () => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};

package/dist-types/dropdown/DropdownBase.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import { DropdownBaseProps } from "./dropdownTypes";
-import "./Dropdown.css";
 export declare type MaybeChildProps = {
     className?: string;
     id?: string;

package/dist-types/dropdown/DropdownButton.d.ts

@@ -1,7 +1,6 @@
 import { ButtonProps } from "@salt-ds/core";
 import { IconProps } from "@salt-ds/icons";
 import { AriaAttributes, ComponentType } from "react";
-import "./DropdownButton.css";
 export interface DropdownButtonProps extends ButtonProps {
     /**
      * Replace the default Icon component

package/dist-types/dropdown/useDropdown.d.ts

@@ -8,4 +8,4 @@ export interface DropdownListHookResult<Item, Selection extends SelectionStrateg
     onOpenChange: any;
     triggerLabel?: string;
 }
-export declare const useDropdown: <Item, Selection_1 extends SelectionStrategy = "default">({ collectionHook, defaultHighlightedIndex: defaultHighlightedIndexProp, defaultIsOpen, defaultSelected, highlightedIndex: highlightedIndexProp, isOpen: isOpenProp, itemToString, onHighlight, onOpenChange, onSelectionChange, selected, selectionStrategy, }: DropdownListHookProps<Item, Selection_1>) => DropdownListHookResult<Item, Selection_1>;
+export declare const useDropdown: <Item, Selection_1 extends SelectionStrategy = "default">({ collectionHook, defaultHighlightedIndex: defaultHighlightedIndexProp, defaultIsOpen, defaultSelected, highlightedIndex: highlightedIndexProp, isOpen: isOpenProp, itemToString, onHighlight, onOpenChange, onSelectionChange, onSelect, selected, selectionStrategy, }: DropdownListHookProps<Item, Selection_1>) => DropdownListHookResult<Item, Selection_1>;

package/dist-types/dropdown-next/DropdownNext.d.ts

@@ -0,0 +1,49 @@
+import { ListNextProps } from "../list-next";
+import { Ref, SyntheticEvent, ComponentPropsWithoutRef } from "react";
+import { Placement } from "@floating-ui/react";
+export interface DropdownNextProps extends Omit<ComponentPropsWithoutRef<"button">, "onSelect"> {
+    /**
+     * If `true`, dropdown will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Initially selected value for the dropdown, for use only in uncontrolled component.
+     */
+    defaultSelected?: string;
+    /**
+     * List of options when using a dropdown.
+     */
+    source: string[];
+    /**
+     * If `true`, dropdown is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Background styling variant. Defaults to `primary` .
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Placement of dropdown list. Defaults to `bottom` .
+     */
+    placement?: Placement;
+    /**
+     * Optional ref for the list component.
+     */
+    listRef?: Ref<HTMLUListElement>;
+    /**
+     * Additional props for dropdown list.
+     */
+    ListProps?: ListNextProps;
+    open?: boolean;
+    /**
+     * Callback for list selection event
+     */
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+    /* Selected prop for use in controlled component. */
+    selected?: string;
+    highlightedItem?: string;
+}
+export declare const DropdownNext: import("react").ForwardRefExoticComponent<DropdownNextProps & import("react").RefAttributes<HTMLButtonElement>>;

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

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

package/dist-types/dropdown-next/useDropdownNext.d.ts

@@ -0,0 +1,42 @@
+import { UseFloatingUIProps } from "@salt-ds/core";
+import { HTMLProps, KeyboardEvent, FocusEvent } from "react";
+import { UseListProps } from "../list-next/useList";
+interface UseDropdownNextProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
+    listProps: UseListProps;
+    openControlProp?: boolean;
+}
+export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChange: onOpenChangeProp, placement: placementProp, }: UseDropdownNextProps) => {
+    handlers: {
+        keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
+        focusHandler: (event: FocusEvent<HTMLElement>) => void;
+        mouseOverHandler: () => void;
+        mouseDownHandler: () => void;
+        listSelectHandler: () => void;
+    };
+    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    open: boolean;
+    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    activeDescendant: string | undefined;
+    selectedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    highlightedItem: string | undefined;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    getListItems: (source: string[]) => JSX.Element[] | undefined;
+    portalProps: {
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        floating: (node: HTMLElement | null) => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
+        getPosition: () => {
+            top: number;
+            left: number;
+            position: import("@floating-ui/utils").Strategy;
+            width: number | undefined;
+            height: number | undefined;
+        };
+    };
+};
+export {};

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

@@ -1,5 +1,4 @@
 import React from "react";
-import "./EditableLabel.css";
 export interface EditableLabelProps {
     className?: string;
     defaultEditing?: boolean;

package/dist-types/file-drop-zone/FileDropZone.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode, SyntheticEvent } from "react";
 import { FilesValidator } from "./validators";
-import "./FileDropZone.css";
 export declare type FilesAcceptedEventHandler = (files: ReadonlyArray<File>, event: SyntheticEvent) => void;
 export declare type FilesRejectedEventHandler<ErrorType = string> = (errors: ReadonlyArray<ErrorType>, event: SyntheticEvent) => void;
 /**

package/dist-types/form-field-context-legacy/FormFieldLegacyContext.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from "react";
+import { useA11yValueValue } from "../form-field-legacy";
+export interface FormFieldLegacyContextValue {
+    inFormField: true;
+    ref: RefObject<HTMLDivElement>;
+    a11yProps: useA11yValueValue;
+    focused: boolean;
+    setFocused: Dispatch<SetStateAction<boolean>>;
+    onBlur: FocusEventHandler<HTMLElement>;
+    onFocus: FocusEventHandler<HTMLElement>;
+}
+export declare const FormFieldLegacyContext: import("react").Context<FormFieldLegacyContextValue>;

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

@@ -0,0 +1,2 @@
+export * from "./FormFieldLegacyContext";
+export * from "./useFormFieldLegacyProps";

package/dist-types/form-field-context-legacy/useFormFieldLegacyProps.d.ts

@@ -0,0 +1,6 @@
+import { FormFieldLegacyContextValue } from "./FormFieldLegacyContext";
+interface useFormFieldLegacyPropsProps {
+    focusVisible?: boolean;
+}
+export declare function useFormFieldLegacyProps({ focusVisible, }?: useFormFieldLegacyPropsProps): Partial<FormFieldLegacyContextValue>;
+export {};

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

@@ -0,0 +1,5 @@
+import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
+export interface FormActivationIndicatorProps extends Pick<FormFieldProps, "validationStatus"> {
+    hasIcon?: boolean;
+}
+export declare const FormActivationIndicator: ({ hasIcon, validationStatus, }: FormActivationIndicatorProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare const FormControlContext: import("react").Context<{
+    focused: boolean;
+}>;
+export declare const useFormControl: () => {
+    focused: boolean;
+};