@atlaskit/react-select 0.0.2

package/dist/types/components/index.d.ts

@@ -0,0 +1,73 @@
+import { type ComponentType } from 'react';
+import { type GroupBase } from '../types';
+import { type ContainerProps, type IndicatorsContainerProps, type ValueContainerProps } from './containers';
+import { type ControlProps } from './control';
+import { type GroupHeadingProps, type GroupProps } from './group';
+import { type ClearIndicatorProps, type CrossIconProps, type DownChevronProps, type DropdownIndicatorProps, type IndicatorSeparatorProps, type LoadingIndicatorProps } from './indicators';
+import { type InputProps } from './input';
+import { type MenuListProps, type MenuPortalProps, type MenuProps, type NoticeProps } from './menu';
+import { type MultiValueGenericProps, type MultiValueProps, MultiValueRemove, type MultiValueRemoveProps } from './multi-value';
+import { type OptionProps } from './option';
+import { type PlaceholderProps } from './placeholder';
+import { type SingleValueProps } from './single-value';
+export interface SelectComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    ClearIndicator: ComponentType<ClearIndicatorProps<Option, IsMulti, Group>>;
+    Control: ComponentType<ControlProps<Option, IsMulti, Group>>;
+    DropdownIndicator: ComponentType<DropdownIndicatorProps<Option, IsMulti, Group>> | null;
+    DownChevron: ComponentType<DownChevronProps>;
+    CrossIcon: ComponentType<CrossIconProps>;
+    Group: ComponentType<GroupProps<Option, IsMulti, Group>>;
+    GroupHeading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
+    IndicatorsContainer: ComponentType<IndicatorsContainerProps<Option, IsMulti, Group>>;
+    IndicatorSeparator: ComponentType<IndicatorSeparatorProps<Option, IsMulti, Group>> | null;
+    Input: ComponentType<InputProps<Option, IsMulti, Group>>;
+    LoadingIndicator: ComponentType<LoadingIndicatorProps<Option, IsMulti, Group>>;
+    Menu: ComponentType<MenuProps<Option, IsMulti, Group>>;
+    MenuList: ComponentType<MenuListProps<Option, IsMulti, Group>>;
+    MenuPortal: ComponentType<MenuPortalProps<Option, IsMulti, Group>>;
+    LoadingMessage: ComponentType<NoticeProps<Option, IsMulti, Group>>;
+    NoOptionsMessage: ComponentType<NoticeProps<Option, IsMulti, Group>>;
+    MultiValue: ComponentType<MultiValueProps<Option, IsMulti, Group>>;
+    MultiValueContainer: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    MultiValueLabel: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    MultiValueRemove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
+    Option: ComponentType<OptionProps<Option, IsMulti, Group>>;
+    Placeholder: ComponentType<PlaceholderProps<Option, IsMulti, Group>>;
+    SelectContainer: ComponentType<ContainerProps<Option, IsMulti, Group>>;
+    SingleValue: ComponentType<SingleValueProps<Option, IsMulti, Group>>;
+    ValueContainer: ComponentType<ValueContainerProps<Option, IsMulti, Group>>;
+}
+export type SelectComponentsConfig<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Partial<SelectComponents<Option, IsMulti, Group>>;
+export declare const components: {
+    ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
+    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
+    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
+    DownChevron: (props: DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
+    CrossIcon: (props: CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
+    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
+    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
+    Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
+    LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
+    Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
+    MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, ...restProps }: NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
+    NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, ...restProps }: NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueRemove: typeof MultiValueRemove;
+    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
+    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
+    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
+    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
+    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
+};
+export type SelectComponentsGeneric = typeof components;
+interface ComponentsProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    components: SelectComponentsConfig<Option, IsMulti, Group>;
+}
+export declare const defaultComponents: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ComponentsProps<Option, IsMulti, Group>) => SelectComponentsGeneric;
+export {};

package/dist/types/components/indicators.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+export type CrossIconProps = JSX.IntrinsicElements['svg'] & {
+    size?: number;
+};
+export declare const CrossIcon: (props: CrossIconProps) => jsx.JSX.Element;
+export type DownChevronProps = JSX.IntrinsicElements['svg'] & {
+    size?: number;
+};
+export declare const DownChevron: (props: DownChevronProps) => jsx.JSX.Element;
+export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered inside the indicator.
+     */
+    children?: ReactNode;
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    isDisabled: boolean;
+}
+export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered inside the indicator.
+     */
+    children?: ReactNode;
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+}
+export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, theme: { spacing: { baseUnit }, colors, }, }: DropdownIndicatorProps<Option, IsMulti, Group> | ClearIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface IndicatorSeparatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    isDisabled: boolean;
+    isFocused: boolean;
+    innerProps?: JSX.IntrinsicElements['span'];
+}
+export declare const indicatorSeparatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing: { baseUnit }, colors, }, }: IndicatorSeparatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const IndicatorSeparator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorSeparatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, size, theme: { colors, spacing: { baseUnit }, }, }: LoadingIndicatorProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    isDisabled: boolean;
+    /**
+     * Set size of the container.
+     */
+    size: number;
+}
+export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;

package/dist/types/components/input.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type InputHTMLAttributes } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+export interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Reference to the internal element
+     */
+    innerRef?: (instance: HTMLInputElement | null) => void;
+    /**
+     * Set whether the input should be visible. Does not affect input size.
+     */
+    isHidden: boolean;
+    /**
+     * Whether the input is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * The ID of the form that the input belongs to
+     */
+    form?: string;
+    /**
+     * Set className for the input element
+     */
+    inputClassName?: string;
+}
+export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
+export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, theme: { spacing, colors } }: InputProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Input;

package/dist/types/components/internal/a11y-text.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+declare const A11yText: (props: JSX.IntrinsicElements['span']) => jsx.JSX.Element;
+export default A11yText;

package/dist/types/components/internal/dummy-input.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
+import { jsx } from '@emotion/react';
+export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
+    readonly innerRef: Ref<HTMLInputElement>;
+}): jsx.JSX.Element;

package/dist/types/components/internal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as A11yText } from './a11y-text';
+export { default as DummyInput } from './dummy-input';
+export { default as ScrollManager } from './scroll-manager';
+export { default as RequiredInput } from './required-input';

package/dist/types/components/internal/required-input.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type FocusEventHandler, type FunctionComponent } from 'react';
+declare const RequiredInput: FunctionComponent<{
+    readonly name?: string;
+    readonly onFocus: FocusEventHandler<HTMLInputElement>;
+}>;
+export default RequiredInput;

package/dist/types/components/internal/scroll-manager.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactElement, type RefCallback } from 'react';
+import { jsx } from '@emotion/react';
+interface ScrollManagerProps {
+    readonly children: (ref: RefCallback<HTMLElement>) => ReactElement;
+    readonly lockEnabled: boolean;
+    readonly captureEnabled: boolean;
+    readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
+}
+export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): jsx.JSX.Element;
+export {};

package/dist/types/components/internal/use-scroll-capture.d.ts

@@ -0,0 +1,12 @@
+interface Options {
+    readonly isEnabled: boolean;
+    readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
+}
+/**
+ * {description}.
+ */
+export default function useScrollCapture({ isEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: Options): (element: HTMLElement | null) => void;
+export {};

package/dist/types/components/internal/use-scroll-lock.d.ts

@@ -0,0 +1,9 @@
+interface Options {
+    readonly isEnabled: boolean;
+    readonly accountForScrollbars?: boolean;
+}
+/**
+ * {description}.
+ */
+export default function useScrollLock({ isEnabled, accountForScrollbars }: Options): (element: HTMLElement | null) => void;
+export {};

package/dist/types/components/live-region.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type AriaSelection } from '../accessibility';
+import { type CommonProps, type GroupBase, type Options } from '../types';
+export interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
+    children: ReactNode;
+    innerProps: {
+        className?: string;
+    };
+    ariaSelection: AriaSelection<Option, IsMulti>;
+    focusedOption: Option | null;
+    focusedValue: Option | null;
+    selectValue: Options<Option>;
+    focusableOptions: Options<Option>;
+    isFocused: boolean;
+    id: string;
+    isAppleDevice: boolean;
+}
+declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default LiveRegion;

package/dist/types/components/menu.d.ts

@@ -0,0 +1,130 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
+import { jsx } from '@emotion/react';
+import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../types';
+interface CalculatedMenuPlacementAndHeight {
+    placement: CoercedMenuPlacement;
+    maxHeight: number;
+}
+interface PlacementArgs {
+    maxHeight: number;
+    menuEl: HTMLDivElement | null;
+    minHeight: number;
+    placement: MenuPlacement;
+    shouldScroll: boolean;
+    isFixedPosition: boolean;
+    controlHeight: number;
+}
+export declare function getMenuPlacement({ maxHeight: preferredMaxHeight, menuEl, minHeight, placement: preferredPlacement, shouldScroll, isFixedPosition, controlHeight, }: PlacementArgs): CalculatedMenuPlacementAndHeight;
+export interface MenuPlacementProps {
+    /**
+     * Set the minimum height of the menu.
+     */
+    minMenuHeight: number;
+    /**
+     * Set the maximum height of the menu.
+     */
+    maxMenuHeight: number;
+    /**
+     * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
+     */
+    menuPlacement: MenuPlacement;
+    /**
+     * The CSS position value of the menu, when "fixed" extra layout management is required
+     */
+    menuPosition: MenuPosition;
+    /**
+     * Set whether the page should scroll to show the menu.
+     */
+    menuShouldScrollIntoView: boolean;
+}
+export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * Reference to the internal element, consumed by the MenuPlacer component
+     */
+    innerRef: Ref<HTMLDivElement>;
+    innerProps: JSX.IntrinsicElements['div'];
+    isLoading: boolean;
+    placement: CoercedMenuPlacement;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+}
+interface PlacerProps {
+    placement: CoercedMenuPlacement;
+    maxHeight: number;
+}
+interface ChildrenProps {
+    ref: Ref<HTMLDivElement>;
+    placerProps: PlacerProps;
+}
+export interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * The children to be rendered.
+     */
+    children: (childrenProps: ChildrenProps) => ReactElement;
+}
+export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, theme: { borderRadius, spacing, colors } }: MenuProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Menu;
+export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Set the max height of the Menu component
+     */
+    maxHeight: number;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM ReactNode
+     */
+    innerRef: LegacyRef<HTMLUListElement>;
+    /**
+     * The currently focused option
+     */
+    focusedOption: Option;
+    /**
+     * Props to be passed to the menu-list wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, theme: { spacing: { baseUnit }, }, }: MenuListProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing: { baseUnit }, colors, }, }: NoticeProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Props to be passed on to the wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    appendTo: HTMLElement | undefined;
+    children: ReactNode;
+    controlElement: HTMLDivElement | null;
+    innerProps: JSX.IntrinsicElements['div'];
+    menuPlacement: MenuPlacement;
+    menuPosition: MenuPosition;
+}
+export interface PortalStyleArgs {
+    offset: number;
+    position: MenuPosition;
+    rect: {
+        left: number;
+        width: number;
+    };
+}
+export declare const menuPortalCSS: ({ rect, offset, position }: PortalStyleArgs) => CSSObjectWithLabel;
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;

package/dist/types/components/multi-value.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type SelectProps } from '../select';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    Remove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
+}
+export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    children: ReactNode;
+    components: MultiValueComponents<Option, IsMulti, Group>;
+    cropWithEllipsis?: boolean;
+    data: Option;
+    innerProps: JSX.IntrinsicElements['div'];
+    isFocused: boolean;
+    isDisabled: boolean;
+    removeProps: JSX.IntrinsicElements['div'];
+    index: number;
+}
+export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors } }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { borderRadius, colors }, cropWithEllipsis }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, borderRadius, colors }, isFocused }: MultiValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
+    children: ReactNode;
+    data: any;
+    innerProps: {
+        className?: string;
+    };
+    selectProps: SelectProps<Option, IsMulti, Group>;
+}
+export declare const MultiValueGeneric: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
+    children?: ReactNode;
+    data: Option;
+    innerProps: JSX.IntrinsicElements['div'];
+    selectProps: SelectProps<Option, IsMulti, Group>;
+}
+export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
+declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default MultiValue;

package/dist/types/components/option.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type RefCallback } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM Node
+     */
+    innerRef: RefCallback<HTMLDivElement>;
+    /**
+     * props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Text to be displayed representing the option.
+     */
+    label: string;
+    /**
+     * Type is used by the menu to determine whether this is an option or a group.
+     * In the case of option this is always `option`. *
+     */
+    type: 'option';
+    /**
+     * The data of the selected option.
+     */
+    data: Option;
+    /**
+     * Whether the option is disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the option is focused.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the option is selected.
+     */
+    isSelected: boolean;
+}
+export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Option;

package/dist/types/components/placeholder.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    isDisabled: boolean;
+    isFocused: boolean;
+}
+export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing, colors } }: PlaceholderProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Placeholder;

package/dist/types/components/single-value.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * The data of the selected option rendered in the Single Value component.
+     */
+    data: Option;
+    /**
+     * Props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Whether this is disabled.
+     */
+    isDisabled: boolean;
+}
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, theme: { spacing, colors } }: SingleValueProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default SingleValue;

package/dist/types/creatable.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement, type RefAttributes } from 'react';
+import Select from './select';
+import { type GroupBase } from './types';
+import useCreatable, { type CreatableAdditionalProps } from './use-creatable';
+import { type StateManagerProps } from './use-state-manager';
+export type CreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;
+type CreatableSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: CreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
+declare const CreatableSelect: CreatableSelect;
+export { useCreatable };
+export default CreatableSelect;

package/dist/types/diacritics.d.ts

@@ -0,0 +1 @@
+export declare const stripDiacritics: (str: string) => string;

package/dist/types/filters.d.ts

@@ -0,0 +1,15 @@
+import { type Option } from './types';
+export interface FilterOptionOption<Option> {
+    readonly label: string;
+    readonly value: string;
+    readonly data: Option;
+}
+interface Config<Option> {
+    readonly ignoreCase?: boolean;
+    readonly ignoreAccents?: boolean;
+    readonly stringify?: (option: FilterOptionOption<Option>) => string;
+    readonly trim?: boolean;
+    readonly matchFrom?: 'any' | 'start';
+}
+export declare const createFilter: (config?: Config<Option>) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,28 @@
+import type Select from './select';
+import type { GroupBase } from './types';
+import useStateManager from './use-state-manager';
+export { default } from './state-manager';
+export { default as NonceProvider } from './nonce-provider';
+export { mergeStyles } from './styles';
+export { defaultTheme } from './theme';
+export { createFilter } from './filters';
+export { components } from './components';
+export type SelectInstance<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Select<Option, IsMulti, Group>;
+export type { StateManagerProps as Props } from './use-state-manager';
+export { useStateManager };
+export type { SelectComponentsConfig } from './components';
+export type { ContainerProps, IndicatorsContainerProps, ValueContainerProps, } from './components/containers';
+export type { ControlProps } from './components/control';
+export type { GroupProps, GroupHeadingProps } from './components/group';
+export type { ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, } from './components/indicators';
+export type { InputProps } from './components/input';
+export type { MenuListProps, MenuProps, NoticeProps } from './components/menu';
+export type { MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, } from './components/multi-value';
+export type { OptionProps } from './components/option';
+export type { PlaceholderProps } from './components/placeholder';
+export type { SingleValueProps } from './components/single-value';
+export type { ThemeConfig } from './theme';
+export type { ClassNamesConfig, StylesConfig } from './styles';
+export { type GroupBase, type OptionsOrGroups, type Option, type Options, type SingleValue, type MultiValue, type PropsValue, type OnChangeValue, type Colors, type ThemeSpacing, type Theme, type ClassNamesState, type CX, type GetStyles, type CommonProps, type CommonPropsAndClassName, type ActionMetaBase, type SelectOptionActionMeta, type DeselectOptionActionMeta, type RemoveValueActionMeta, type PopValueActionMeta, type ClearActionMeta, type CreateOptionActionMeta, type InitialInputFocusedActionMeta, type ActionMeta, type SetValueAction, type InputAction, type InputActionMeta, type MenuPlacement, type CoercedMenuPlacement, type MenuPosition, type FocusDirection, type GetOptionLabel, type GetOptionValue, type CSSObjectWithLabel, } from './types';
+export type { OptionContext, GuidanceContext, AriaGuidanceProps, AriaOnChangeProps, AriaOnFilterProps, AriaOnFocusProps, AriaLiveMessages, AriaGuidance, AriaOnChange, AriaOnFilter, AriaOnFocus, } from './accessibility';
+export type { FormatOptionLabelContext, FormatOptionLabelMeta } from './select';