@salt-ds/lab 1.0.0-alpha.25 → 1.0.0-alpha.27

package/dist-types/option/Option.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface OptionProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * If `true`, the option will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value of the option.
+     */
+    value: string;
+    /**
+     * The text value of the option. If not provided, the text value will be inferred from the children.
+     */
+    textValue?: string;
+    /**
+     * The content of the option.
+     */
+    children?: ReactNode;
+}
+export declare const Option: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/option/OptionGroup.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface OptionGroupProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The label of the option group.
+     */
+    label?: string;
+    /**
+     * Options to be rendered inside the option group.
+     */
+    children?: ReactNode;
+}
+export declare const OptionGroup: import("react").ForwardRefExoticComponent<OptionGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/option/OptionList.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface OptionListProps extends ComponentPropsWithoutRef<"div"> {
+    collapsed?: boolean;
+}
+export declare const OptionList: import("react").ForwardRefExoticComponent<OptionListProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./Option";
+export * from "./OptionGroup";

package/dist-types/pagination/CompactInput.d.ts

@@ -1,8 +1,2 @@
-import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
-export interface CompactInputProps {
-    count: number;
-    page: number;
-    onPageChange: (page: number) => void;
-    FormFieldProps?: Partial<FormFieldProps>;
-}
-export declare const CompactInput: ({ page, count, onPageChange, FormFieldProps: { className, ...restFormFieldLegacyProps }, }: CompactInputProps) => JSX.Element;
+import { InputProps } from "@salt-ds/core";
+export declare const CompactInput: import("react").ForwardRefExoticComponent<Pick<InputProps, "variant" | "inputRef"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist-types/pagination/CompactPaginator.d.ts

@@ -0,0 +1 @@
+export declare const CompactPaginator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pagination/GoToInput.d.ts

@@ -1,7 +1,16 @@
-import { HTMLAttributes } from "react";
-import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
+import { HTMLAttributes, Ref } from "react";
 export interface GoToInputProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Input label.
+     */
     label?: string;
-    FormFieldProps?: Partial<FormFieldProps>;
+    /**
+     * Optional ref for the input component
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Change input variant.
+     */
+    inputVariant?: "primary" | "secondary";
 }
-export declare const GoToInput: import("react").ForwardRefExoticComponent<GoToInputProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const GoToInput: import("react").ForwardRefExoticComponent<GoToInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pagination/PageButton.d.ts

@@ -1,7 +1,6 @@
 export interface PageButtonProps {
     page: number;
-    isSelected?: boolean;
-    onPageChange: (page: number) => void;
+    selected?: boolean;
     disabled?: boolean;
 }
-export declare const PageButton: ({ page, isSelected, onPageChange, disabled, }: PageButtonProps) => JSX.Element;
+export declare const PageButton: import("react").ForwardRefExoticComponent<PageButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/pagination/PageRanges.d.ts

@@ -0,0 +1,5 @@
+export interface PageRangesProps {
+    boundaryCount?: number;
+    siblingCount?: number;
+}
+export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): JSX.Element;

package/dist-types/pagination/Pagination.d.ts

@@ -1,9 +1,20 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, SyntheticEvent } from "react";
 export interface PaginationProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Number of pages.
+     */
     count: number;
+    /**
+     * Current/active page.
+     */
     page?: number;
-    initialPage?: number;
-    onPageChange?: (page: number) => void;
-    compact?: boolean;
+    /**
+     * Default current/active page.
+     */
+    defaultPage?: number;
+    /**
+     * Callback function triggered when current page changed.
+     */
+    onPageChange?: (event: SyntheticEvent, page: number) => void;
 }
 export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/pagination/PaginationContext.d.ts

@@ -1,9 +1,7 @@
+import { SyntheticEvent } from "react";
 export interface PaginationContext {
     page: number;
     count: number;
-    compact: boolean;
-    onPageChange: (page: number) => void;
-    paginatorElement?: HTMLDivElement;
-    setPaginatorElement: (element: HTMLDivElement) => void;
+    onPageChange: (event: SyntheticEvent, page: number) => void;
 }
 export declare const paginationContext: import("react").Context<PaginationContext>;

package/dist-types/pagination/Paginator.d.ts

@@ -1,9 +1,12 @@
 import { HTMLAttributes } from "react";
-import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
 export interface PaginatorProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Number of pages next to the arrow buttons when page range is truncated.
+     */
     boundaryCount?: number;
+    /**
+     * Number of pages on each side of the current page when page range is truncated.
+     */
     siblingCount?: number;
-    showPreviousNext?: boolean;
-    FormFieldProps?: Partial<FormFieldProps>;
 }
 export declare const Paginator: import("react").ForwardRefExoticComponent<PaginatorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,5 @@
 export * from "./Pagination";
 export * from "./Paginator";
+export * from "./CompactInput";
+export * from "./CompactPaginator";
 export * from "./GoToInput";

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

@@ -1,68 +1,13 @@
-import { HTMLAttributes, RefObject, SyntheticEvent } from "react";
-import { FocusManagerProps } from "../focus-manager";
-export interface ScrimProps extends HTMLAttributes<HTMLDivElement> {
+import { ComponentPropsWithoutRef } from "react";
+export interface ScrimProps extends ComponentPropsWithoutRef<"div"> {
     /**
-     * Ref of the element that automatically receives focus when the Scrim is opened.
+     * If `true` the scrim is bound to the document viewport.
+     * The default value of this prop is false, and the default behavior is for Scrim to be bound to its parent container (nearest positioned ancestor).
      */
-    autoFocusRef?: FocusManagerProps["autoFocusRef"];
+    fixed?: boolean;
     /**
-     * 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.
+     * If `true` the scrim is shown.
      */
     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/index.d.ts

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

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

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

package/dist-types/tokenized-input/internal/InputPill.d.ts

@@ -1,16 +1,18 @@
 import { MutableRefObject } from "react";
-import { PillProps } from "../../pill";
-export declare type InputPillProps = Omit<PillProps<"basic" | "closable">, "variant" | "onDelete" | "clickable"> & {
+import { PillProps } from "@salt-ds/core";
+export declare type InputPillProps = PillProps & {
     /**
      * An ref object holds pills index map to width.
      */
-    pillsRef: MutableRefObject<{
-        [index: number]: number | undefined;
-    }>;
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
     /**
      * Index of the pill within Input.
      */
     index: number;
+    /**
+     * Pill label.
+     */
+    label?: string;
     /**
      * Whether the pill is the last visible one within Input.
      */

package/dist-types/tokenized-input-next/TokenizedInputNext.d.ts

@@ -0,0 +1,51 @@
+import { ButtonProps, NecessityType, ValidationStatus } from "@salt-ds/core";
+import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactEventHandler, Ref, SyntheticEvent, TextareaHTMLAttributes } from "react";
+import { TokenizedInputNextState } from "./useTokenizedInputNext";
+declare type ChangeHandler<Item> = (event: SyntheticEvent, selectedItems: Item[] | undefined) => void;
+declare type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
+    "aria-label"?: string;
+};
+export interface TokenizedInputNextProps<Item> extends Partial<TokenizedInputNextState<Item>>, Omit<HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "onKeyDown"> {
+    ExpandButtonProps?: ExpandButtonProps;
+    disabled?: boolean;
+    focused?: boolean;
+    expandButtonRef?: Ref<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onRemoveItem?: (event: SyntheticEvent, index: number) => void;
+    onInputBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onInputFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onInputChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onClick?: ReactEventHandler;
+    onClear?: ReactEventHandler;
+    delimiters?: string[];
+    disableAddOnBlur?: boolean;
+    defaultSelected?: Item[];
+    onChange?: ChangeHandler<Item>;
+    onCollapse?: ReactEventHandler;
+    onExpand?: ReactEventHandler;
+    /**
+     * Validation status.
+     */
+    validationStatus?: Omit<ValidationStatus, "info">;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.
+     */
+    textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /**
+     * Optional ref for the textarea component
+     */
+    textAreaRef?: Ref<HTMLTextAreaElement>;
+    necessity?: NecessityType;
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const TokenizedInputNext: import("react").ForwardRefExoticComponent<TokenizedInputNextProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/tokenized-input-next/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TokenizedInputNext";
+export * from "./useTokenizedInputNext";

package/dist-types/tokenized-input-next/internal/InputPill.d.ts

@@ -0,0 +1,29 @@
+import { MutableRefObject, SyntheticEvent } from "react";
+import { PillProps } from "@salt-ds/core";
+export declare type InputPillProps = PillProps & {
+    /**
+     * A ref object holds pills index map to width.
+     */
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
+    /**
+     * Index of the pill within Input.
+     */
+    index: number;
+    /**
+     * Whether the pill is the last visible one within Input.
+     */
+    lastVisible?: boolean;
+    /**
+     * Pill label.
+     */
+    label?: string;
+    /**
+     * Whether the pill is highlighted.
+     */
+    highlighted?: boolean;
+    /**
+     * Callback when pill is deleted.
+     */
+    onClose?: (event: SyntheticEvent, index: number) => void;
+};
+export declare const InputPill: import("react").NamedExoticComponent<InputPillProps>;

package/dist-types/tokenized-input-next/internal/calcFirstHiddenIndex.d.ts

@@ -0,0 +1,4 @@
+export declare function calcFirstHiddenIndex({ containerWidth, pillWidths, }?: {
+    containerWidth?: number;
+    pillWidths?: number[];
+}): number | null;

package/dist-types/tokenized-input-next/internal/useResizeObserver.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from "react";
+/**
+ * This monitors the size of a component and calls `onSizeChange` callback
+ * every time when size changes.
+ */
+export declare function useResizeObserver<Element extends HTMLElement>(onSizeChange: (entries: ResizeObserverEntry[], observer?: ResizeObserver) => void): Ref<Element>;

package/dist-types/tokenized-input-next/internal/useWidth.d.ts

@@ -0,0 +1,7 @@
+import { Density } from "@salt-ds/core";
+export declare const getPadding: (node: HTMLElement | null) => number;
+export declare const getWidth: (node: HTMLElement | null) => number;
+/**
+ * This records the width of a component when it's rendered
+ */
+export declare const useWidth: (density: Density) => [(newNode: any) => void, number];

package/dist-types/tokenized-input-next/useTokenizedInputNext.d.ts

@@ -0,0 +1,47 @@
+import { Ref, SyntheticEvent, MutableRefObject } from "react";
+import { TokenizedInputNextProps } from "./TokenizedInputNext";
+export interface TokenizedInputNextState<Item> {
+    activeIndices: number[];
+    expanded: boolean | undefined;
+    highlightedIndex: number | undefined;
+    selectedItems: Item[];
+    value: string | undefined;
+}
+export interface TokenizedInputNextHelpers<Item> {
+    setHighlightedIndex: (value?: number) => void;
+    setValue: (value: string) => void;
+    setSelectedItems: (selectedItems: Item[]) => void;
+    updateExpanded: (event: SyntheticEvent, expanded: boolean) => void;
+}
+export interface TokenizedInputNextRefs {
+    textAreaRef: Ref<HTMLTextAreaElement>;
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
+    clearButtonRef: (newNode: HTMLButtonElement) => void;
+    expandButtonRef: Ref<HTMLButtonElement>;
+    statusAdornmentRef: Ref<SVGSVGElement>;
+    containerRef: Ref<HTMLDivElement>;
+}
+interface useTokenizedInputNextResult<Item> {
+    /**
+     * The tokenized input state
+     */
+    state: TokenizedInputNextState<Item>;
+    /**
+     * First hidden element when collapsed
+     */
+    firstHiddenIndex: number | null;
+    /**
+     * Utility functions for modifying tokenized input state
+     */
+    helpers: TokenizedInputNextHelpers<Item>;
+    /**
+     * Refs for tokenized input items.
+     */
+    refs: TokenizedInputNextRefs;
+    /**
+     * Properties applied to a basic tokenized input component
+     */
+    inputProps: Omit<TokenizedInputNextProps<Item>, "helpers" | "onChange">;
+}
+export declare function useTokenizedInputNext<Item>(props: TokenizedInputNextProps<Item>): useTokenizedInputNextResult<Item>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.25",
+  "version": "1.0.0-alpha.27",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -11,7 +11,7 @@
   "main": "dist-cjs/index.js",
   "sideEffects": false,
   "dependencies": {
-    "@floating-ui/react": "^0.23.0",
+    "@floating-ui/react": "^0.26.5",
     "@fluentui/react-overflow": "^9.0.19",
     "@internationalized/date": "^3.0.0",
     "@types/react-window": "^1.8.2",
@@ -26,7 +26,7 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.13.3",
+    "@salt-ds/core": "^1.14.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
     "@salt-ds/icons": "^1.9.1"

package/dist-cjs/combo-box-next/ComboBoxNext.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltComboBoxNext-highlight {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n\n.saltComboBoxNext-input:hover {\n  --saltInput-borderColor: var(--salt-focused-outlineColor);\n}\n\n.saltComboBoxNext-list.saltListNext {\n  border-color: var(--salt-selectable-borderColor-selected);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  max-height: calc((var(--salt-size-base) + var(--salt-spacing-100)) * var(--comboBoxNext-itemCount, 5));\n  z-index: calc(var(--salt-zIndex-modal) + 1);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=ComboBoxNext.css.js.map

package/dist-cjs/combo-box-next/ComboBoxNext.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxNext.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/combo-box-next/useComboBox.js

@@ -1,147 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useList = require('../list-next/useList.js');
-var useComboboxPortal = require('./useComboboxPortal.js');
-var core = require('@salt-ds/core');
-
-const useComboBox = ({
-  defaultInputValue,
-  onFocus,
-  onMouseOver,
-  onKeyDown,
-  inputValue: inputValueProp,
-  PortalProps,
-  listProps
-}) => {
-  const [inputValue, setInputValue] = core.useControlled({
-    controlled: inputValueProp,
-    default: defaultInputValue,
-    name: "Combo Box",
-    state: "inputValue"
-  });
-  const {
-    open,
-    setOpen,
-    floating,
-    reference,
-    getPortalProps,
-    getTriggerProps,
-    getPosition
-  } = useComboboxPortal.useComboboxPortal(PortalProps);
-  const {
-    keyDownHandler: listKeyDownHandler,
-    focusHandler: listFocusHandler,
-    activeDescendant,
-    focusVisibleRef,
-    selectedItem,
-    setSelectedItem,
-    setHighlightedItem,
-    highlightedItem
-  } = useList.useList({
-    ...listProps
-  });
-  const setSelected = (value) => {
-    setSelectedItem(value);
-    setInputValue(value);
-  };
-  React.useEffect(() => {
-    setInputValue(selectedItem);
-  }, [selectedItem]);
-  const focusHandler = (event) => {
-    listFocusHandler(event);
-    onFocus == null ? void 0 : onFocus(event);
-  };
-  const mouseDownHandler = () => {
-    setOpen(!open);
-  };
-  const mouseOverHandler = (event) => {
-    setHighlightedItem(event.currentTarget.dataset.value);
-    onMouseOver == null ? void 0 : onMouseOver(event);
-  };
-  const listSelectHandler = () => {
-    setOpen(false);
-  };
-  const keyDownHandler = (event) => {
-    const { key, altKey } = event;
-    switch (key) {
-      case "ArrowDown":
-      case "ArrowUp":
-        if (altKey) {
-          event.preventDefault();
-          if (open && !selectedItem) {
-            setSelected(void 0);
-          }
-          setOpen(!open);
-          break;
-        }
-        if (!open) {
-          setOpen(true);
-        }
-        listKeyDownHandler(event);
-        break;
-      case "PageDown":
-      case "PageUp":
-      case "Home":
-      case "End":
-        if (open) {
-          listKeyDownHandler(event);
-        }
-        break;
-      case "Enter":
-        if (!open) {
-          setOpen(true);
-        } else {
-          setSelected(highlightedItem);
-          setOpen(false);
-        }
-        break;
-      case "Escape":
-        if (open) {
-          setOpen(false);
-          if (!selectedItem) {
-            setSelected(void 0);
-          }
-        }
-        break;
-      case "Tab":
-        setOpen(false);
-        break;
-      case "Backspace":
-        if (!open) {
-          setOpen(true);
-        }
-        break;
-    }
-    onKeyDown == null ? void 0 : onKeyDown(event);
-  };
-  return {
-    inputValue,
-    setInputValue,
-    portalProps: {
-      open,
-      setOpen,
-      floating,
-      reference,
-      getTriggerProps,
-      getPortalProps,
-      getPosition
-    },
-    selectedItem,
-    setSelectedItem,
-    highlightedItem,
-    setHighlightedItem,
-    activeDescendant,
-    focusVisibleRef,
-    keyDownHandler,
-    focusHandler,
-    mouseOverHandler,
-    mouseDownHandler,
-    listSelectHandler
-  };
-};
-
-exports.useComboBox = useComboBox;
-//# sourceMappingURL=useComboBox.js.map