@atlaskit/react-select 0.0.2

package/dist/esm/utils.js

@@ -0,0 +1,328 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _typeof from "@babel/runtime/helpers/typeof";
+var _excluded = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// ==============================
+// NO OP
+// ==============================
+
+export var noop = function noop() {};
+export var emptyString = function emptyString() {
+  return '';
+};
+
+// ==============================
+// Class Name Prefixer
+// ==============================
+
+/**
+ * String representation of component state for styling with class names.
+ *
+ * Expects an array of strings OR a string/object pair:
+ * - className(['comp', 'comp-arg', 'comp-arg-2'])
+ * @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
+ * - className('comp', { some: true, state: false })
+ * @returns 'react-select__comp react-select__comp--some'
+ */
+function applyPrefixToName(prefix, name) {
+  if (!name) {
+    return prefix;
+  } else if (name[0] === '-') {
+    return prefix + name;
+  } else {
+    return prefix + '__' + name;
+  }
+}
+export function classNames(prefix, state) {
+  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    classNameList[_key - 2] = arguments[_key];
+  }
+  var arr = [].concat(classNameList);
+  if (state && prefix) {
+    for (var key in state) {
+      if (state.hasOwnProperty(key) && state[key]) {
+        arr.push("".concat(applyPrefixToName(prefix, key)));
+      }
+    }
+  }
+  return arr.filter(function (i) {
+    return i;
+  }).map(function (i) {
+    return String(i).trim();
+  }).join(' ');
+}
+// ==============================
+// Clean Value
+// ==============================
+
+export var cleanValue = function cleanValue(value) {
+  if (isArray(value)) {
+    return value.filter(Boolean);
+  }
+  if (_typeof(value) === 'object' && value !== null) {
+    return [value];
+  }
+  return [];
+};
+
+// ==============================
+// Clean Common Props
+// ==============================
+
+export var cleanCommonProps = function cleanCommonProps(props) {
+  //className
+  var className = props.className,
+    clearValue = props.clearValue,
+    cx = props.cx,
+    getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
+    getValue = props.getValue,
+    hasValue = props.hasValue,
+    isMulti = props.isMulti,
+    isRtl = props.isRtl,
+    options = props.options,
+    selectOption = props.selectOption,
+    selectProps = props.selectProps,
+    setValue = props.setValue,
+    theme = props.theme,
+    innerProps = _objectWithoutProperties(props, _excluded);
+  return _objectSpread({}, innerProps);
+};
+
+// ==============================
+// Get Style Props
+// ==============================
+
+export var getStyleProps = function getStyleProps(props, name, classNamesState) {
+  var cx = props.cx,
+    getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
+    className = props.className;
+  return {
+    css: getStyles(name, props),
+    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
+  };
+};
+
+// ==============================
+// Handle Input Change
+// ==============================
+
+export function handleInputChange(inputValue, actionMeta, onInputChange) {
+  if (onInputChange) {
+    var _newValue = onInputChange(inputValue, actionMeta);
+    if (typeof _newValue === 'string') {
+      return _newValue;
+    }
+  }
+  return inputValue;
+}
+
+// ==============================
+// Scroll Helpers
+// ==============================
+
+export function isDocumentElement(el) {
+  return [document.documentElement, document.body, window].indexOf(el) > -1;
+}
+
+// Normalized Scroll Top
+// ------------------------------
+
+export function normalizedHeight(el) {
+  if (isDocumentElement(el)) {
+    return window.innerHeight;
+  }
+  return el.clientHeight;
+}
+
+// Normalized scrollTo & scrollTop
+// ------------------------------
+
+export function getScrollTop(el) {
+  if (isDocumentElement(el)) {
+    return window.pageYOffset;
+  }
+  return el.scrollTop;
+}
+export function scrollTo(el, top) {
+  // with a scroll distance, we perform scroll on the element
+  if (isDocumentElement(el)) {
+    window.scrollTo(0, top);
+    return;
+  }
+  el.scrollTop = top;
+}
+
+// Get Scroll Parent
+// ------------------------------
+
+export function getScrollParent(element) {
+  var style = getComputedStyle(element);
+  var excludeStaticParent = style.position === 'absolute';
+  var overflowRx = /(auto|scroll)/;
+  if (style.position === 'fixed') {
+    return document.documentElement;
+  }
+  for (var parent = element; parent = parent.parentElement;) {
+    style = getComputedStyle(parent);
+    if (excludeStaticParent && style.position === 'static') {
+      continue;
+    }
+    if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
+      return parent;
+    }
+  }
+  return document.documentElement;
+}
+
+// Animated Scroll To
+// ------------------------------
+
+/**
+ * @param t: time (elapsed)
+ * @param b: initial value
+ * @param c: amount of change
+ * @param d: duration
+ */
+function easeOutCubic(t, b, c, d) {
+  return c * ((t = t / d - 1) * t * t + 1) + b;
+}
+export function animatedScrollTo(element, to) {
+  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
+  var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
+  var start = getScrollTop(element);
+  var change = to - start;
+  var increment = 10;
+  var currentTime = 0;
+  function animateScroll() {
+    currentTime += increment;
+    var val = easeOutCubic(currentTime, start, change, duration);
+    scrollTo(element, val);
+    if (currentTime < duration) {
+      window.requestAnimationFrame(animateScroll);
+    } else {
+      callback(element);
+    }
+  }
+  animateScroll();
+}
+
+// Scroll Into View
+// ------------------------------
+
+export function scrollIntoView(menuEl, focusedEl) {
+  var menuRect = menuEl.getBoundingClientRect();
+  var focusedRect = focusedEl.getBoundingClientRect();
+  var overScroll = focusedEl.offsetHeight / 3;
+  if (focusedRect.bottom + overScroll > menuRect.bottom) {
+    scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));
+  } else if (focusedRect.top - overScroll < menuRect.top) {
+    scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
+  }
+}
+
+// ==============================
+// Get bounding client object
+// ==============================
+
+// cannot get keys using array notation with DOMRect
+export function getBoundingClientObj(element) {
+  var rect = element.getBoundingClientRect();
+  return {
+    bottom: rect.bottom,
+    height: rect.height,
+    left: rect.left,
+    right: rect.right,
+    top: rect.top,
+    width: rect.width
+  };
+}
+// ==============================
+// String to Key (kebabify)
+// ==============================
+
+export function toKey(str) {
+  return str.replace(/\W/g, '-');
+}
+
+// ==============================
+// Touch Capability Detector
+// ==============================
+
+export function isTouchCapable() {
+  try {
+    document.createEvent('TouchEvent');
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+// ==============================
+// Mobile Device Detector
+// ==============================
+
+export function isMobileDevice() {
+  try {
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  } catch (e) {
+    return false;
+  }
+}
+
+// ==============================
+// Passive Event Detector
+// ==============================
+
+// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36
+var passiveOptionAccessed = false;
+var options = {
+  get passive() {
+    return passiveOptionAccessed = true;
+  }
+};
+// check for SSR
+var w = typeof window !== 'undefined' ? window : {};
+if (w.addEventListener && w.removeEventListener) {
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  w.addEventListener('p', noop, options);
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  w.removeEventListener('p', noop, false);
+}
+export var supportsPassiveEvents = passiveOptionAccessed;
+export function notNullish(item) {
+  return item != null;
+}
+export function isArray(arg) {
+  return Array.isArray(arg);
+}
+export function valueTernary(isMulti, multiValue, singleValue) {
+  return isMulti ? multiValue : singleValue;
+}
+export function singleValueAsValue(singleValue) {
+  return singleValue;
+}
+export function multiValueAsValue(multiValue) {
+  return multiValue;
+}
+export var removeProps = function removeProps(propsObj) {
+  for (var _len2 = arguments.length, properties = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    properties[_key2 - 1] = arguments[_key2];
+  }
+  var propsMap = Object.entries(propsObj).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+      key = _ref2[0];
+    return !properties.includes(key);
+  });
+  return propsMap.reduce(function (newProps, _ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      val = _ref4[1];
+    newProps[key] = val;
+    return newProps;
+  }, {});
+};

package/dist/types/accessibility/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function isIPhone(): boolean;
+export declare function isMac(): boolean;
+export declare function isIPad(): boolean;
+export declare function isIOS(): boolean;
+export declare function isAppleDevice(): boolean;

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

@@ -0,0 +1,125 @@
+import type { AriaAttributes } from 'react';
+import { type ActionMeta, type GroupBase, type InitialInputFocusedActionMeta, type OnChangeValue, type Options, type OptionsOrGroups } from '../types';
+export type OptionContext = 'menu' | 'value';
+export type GuidanceContext = 'menu' | 'input' | 'value';
+export type AriaSelection<Option, IsMulti extends boolean> = InitialInputFocusedActionMeta<Option, IsMulti> | (ActionMeta<Option> & {
+    value: OnChangeValue<Option, IsMulti>;
+    option?: Option;
+    options?: Options<Option>;
+});
+export interface AriaGuidanceProps {
+    /**
+     * String value of selectProp aria-label
+     */
+    'aria-label': AriaAttributes['aria-label'];
+    /**
+     * String indicating user's current context and available keyboard interactivity
+     */
+    context: GuidanceContext;
+    /**
+     * Boolean value of selectProp isSearchable
+     */
+    isSearchable: boolean;
+    /**
+     * Boolean value of selectProp isMulti
+     */
+    isMulti: boolean;
+    /**
+     * Boolean value of selectProp isDisabled
+     */
+    isDisabled: boolean | null;
+    /**
+     * Boolean value of selectProp tabSelectsValue
+     */
+    tabSelectsValue: boolean;
+    /**
+     * Boolean value indicating if user focused the input for the first time
+     */
+    isInitialFocus: boolean;
+}
+export type AriaOnChangeProps<Option, IsMulti extends boolean> = AriaSelection<Option, IsMulti> & {
+    /**
+     * String derived label from selected or removed option/value
+     */
+    label: string;
+    /**
+     * Array of labels derived from multiple selected or cleared options
+     */
+    labels: string[];
+    /**
+     * Boolean indicating if the selected menu option is disabled
+     */
+    isDisabled: boolean | null;
+};
+export interface AriaOnFilterProps {
+    /**
+     * String indicating current inputValue of the input
+     */
+    inputValue: string;
+    /**
+     * String derived from selectProp screenReaderStatus
+     */
+    resultsMessage: string;
+}
+export interface AriaOnFocusProps<Option, Group extends GroupBase<Option>> {
+    /**
+     * String indicating whether the option was focused in the menu or as (multi-) value
+     */
+    context: OptionContext;
+    /**
+     * Option that is being focused
+     */
+    focused: Option;
+    /**
+     * Boolean indicating whether focused menu option has been disabled
+     */
+    isDisabled: boolean;
+    /**
+     * Boolean indicating whether focused menu option is an already selected option
+     */
+    isSelected: boolean;
+    /**
+     * String derived label from focused option/value
+     */
+    label: string;
+    /**
+     * Options provided as props to Select used to determine indexing
+     */
+    options: OptionsOrGroups<Option, Group>;
+    /**
+     * selected option(s) of the Select
+     */
+    selectValue: Options<Option>;
+    /**
+     * Boolean indicating whether user uses Apple device
+     */
+    isAppleDevice: boolean;
+}
+export type AriaGuidance = (props: AriaGuidanceProps) => string;
+export type AriaOnChange<Option, IsMulti extends boolean> = (props: AriaOnChangeProps<Option, IsMulti>) => string;
+export type AriaOnFilter = (props: AriaOnFilterProps) => string;
+export type AriaOnFocus<Option, Group extends GroupBase<Option> = GroupBase<Option>> = (props: AriaOnFocusProps<Option, Group>) => string;
+export interface AriaLiveMessages<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    /**
+     * Guidance message used to convey component state and specific keyboard interactivity
+     */
+    guidance?: (props: AriaGuidanceProps) => string;
+    /**
+     * OnChange message used to convey changes to value but also called when user selects disabled option
+     */
+    onChange?: (props: AriaOnChangeProps<Option, IsMulti>) => string;
+    /**
+     * OnFilter message used to convey information about filtered results displayed in the menu
+     */
+    onFilter?: (props: AriaOnFilterProps) => string;
+    /**
+     * OnFocus message used to convey information about the currently focused option or value
+     */
+    onFocus?: (props: AriaOnFocusProps<Option, Group>) => string;
+}
+export declare const defaultAriaLiveMessages: {
+    guidance: (props: AriaGuidanceProps) => string;
+    onChange: <Option, IsMulti extends boolean>(props: AriaOnChangeProps<Option, IsMulti>) => string;
+    onFocus: <Option_1, Group extends GroupBase<Option_1>>(props: AriaOnFocusProps<Option_1, Group>) => string;
+    onFilter: (props: AriaOnFilterProps) => string;
+};

package/dist/types/async-creatable.d.ts

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

package/dist/types/async.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement, type RefAttributes } from 'react';
+import Select from './select';
+import { type GroupBase } from './types';
+import useAsync, { type AsyncProps } from './use-async';
+export type { AsyncProps };
+type AsyncSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
+declare const AsyncSelect: AsyncSelect;
+export { useAsync };
+export default AsyncSelect;

package/dist/types/builtins.d.ts

@@ -0,0 +1,5 @@
+import { type GroupBase, type Option } from './types';
+export declare const formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
+export declare const getOptionLabel: (option: Option) => string;
+export declare const getOptionValue: (option: Option) => string;
+export declare const isOptionDisabled: (option: Option) => boolean;

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

@@ -0,0 +1,50 @@
+/**
+ * @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 ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Whether the select is disabled.
+     */
+    isDisabled: boolean;
+    isFocused: boolean;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner props to be passed down to the container.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isRtl, }: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Props to be passed to the value container element.
+     */
+    innerProps?: JSX.IntrinsicElements['div'];
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    isDisabled: boolean;
+}
+export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, hasValue, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    isDisabled: boolean;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Props to be passed to the indicators container element.
+     */
+    innerProps?: {};
+}
+export declare const indicatorsContainerCSS: () => CSSObjectWithLabel;
+export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;

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

@@ -0,0 +1,33 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type Ref } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Children to render.
+     */
+    children: ReactNode;
+    innerRef: Ref<HTMLDivElement>;
+    /**
+     * The mouse down event and the innerRef to pass down to the controller element.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Whether the select is disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the select is focused.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the select is expanded.
+     */
+    menuIsOpen: boolean;
+}
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Control;

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

@@ -0,0 +1,53 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type SelectProps } from '../select';
+import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options, type Theme } from '../types';
+export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
+    id: string;
+    data: Group;
+}
+export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Component to wrap the label, receives headingProps.
+     */
+    Heading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
+    /**
+     * Props to pass to Heading.
+     */
+    headingProps: ForwardedHeadingProps<Option, Group>;
+    /**
+     * Props to be passed to the group element.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Label to be displayed in the heading component.
+     */
+    label: ReactNode;
+    /**
+     * The data of the group.
+     */
+    data: Group;
+    options: Options<Option>;
+}
+export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing } }: GroupProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
+    className?: string | undefined;
+    selectProps: SelectProps<Option, IsMulti, Group>;
+    theme: Theme;
+    getStyles: GetStyles<Option, IsMulti, Group>;
+    getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
+    cx: CX;
+}
+export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
+export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { colors, spacing } }: GroupHeadingProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
+export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Group;