@leafygreen-ui/combobox 0.9.0

package/README.md

@@ -0,0 +1,126 @@
+# Combobox
+
+![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/combobox.svg)
+
+#### [View on MongoDB.design](https://www.mongodb.design/component/combobox/example/)
+
+## Installation
+
+### Yarn
+
+```shell
+yarn add @leafygreen-ui/combobox
+```
+
+### NPM
+
+```shell
+npm install @leafygreen-ui/combobox
+```
+
+## Example
+
+```tsx
+<Combobox
+  label="Choose a fruit"
+  description="Please pick one"
+  placeholder="Select fruit"
+>
+  <ComboboxOption value="apple" />
+  <ComboboxOption value="banana" />
+  <ComboboxOption value="carrot" />
+  <ComboboxOption value="dragonfruit" />
+  <ComboboxGroup label="Peppers">
+    <ComboboxOption value="cayenne" />
+    <ComboboxOption value="habanero" />
+    <ComboboxOption value="jalapeno" displayName="Jalapeño" />
+  </ComboboxGroup>
+</Combobox>
+```
+
+**Output HTML**
+
+```html
+<div>
+  <div>
+    <label id="combobox-label-1" for="combobox-input-1"> Choose a fruit </label>
+    <p>Please pick one</p>
+  </div>
+  <div>
+    <div
+      role="combobox"
+      aria-expanded="true"
+      aria-controls="combobox-menu-1"
+      aria-owns="combobox-menu-1"
+      tabindex="-1"
+      data-disabled="false"
+      data-state="none"
+    >
+      <div>
+        <input
+          aria-label="Choose a fruit"
+          aria-autocomplete="list"
+          aria-controls="combobox-menu-1"
+          aria-labelledby="combobox-label-1"
+          id="combobox-input-1"
+          placeholder="Select fruit"
+          value=""
+        />
+      </div>
+      <svg aria-label="Caret Down Icon">...</svg>
+    </div>
+  </div>
+</div>
+```
+
+## Properties
+
+| Prop                   | Type                                      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                  |
+| ---------------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |
+| children               | <ComboboxOption>, <ComboboxGroup>         | Define the Combobox Options by passing children                                                                                                                                                                                                                                                                                                                                                                                                                     |                          |
+| multiselect            | boolean                                   | Defines whether a user can select multiple options, or only a single option. When using TypeScript, `multiselect` affects the valid values of `initialValue`, `value`, and `onChange`                                                                                                                                                                                                                                                                               | false                    |
+| initialValue           | Array<string>, string                     | The initial selection. Must be a string for a single-select, or an array of strings for multiselect. Changing the `initialValue` after initial render will not change the selection.                                                                                                                                                                                                                                                                                |                          |
+| value                  | Array<string>, string                     | The controlled value of the Combobox. Must be a string for a single-select, or an array of strings for multiselect. Changing `value` after initial render _will_ affect the selection.                                                                                                                                                                                                                                                                              |                          |
+| onChange               | (Array<string>) => void, (string) => void | A callback called when the selection changes. Callback recieves a single argument that is the new selection, either string, or string array                                                                                                                                                                                                                                                                                                                         |                          |
+| overflow               | 'expand-y', 'expand-x', 'scroll-x'        | Defines the overflow behavior of a multiselect combobox. **expand-y**: Combobox has fixed width, and additional selections will cause the element to grow in the block direction. **expand-x**: Combobox has fixed height, and additional selections will cause the elemenet to grow in the inline direction. **scroll-x**: Combobox has fixed height and width, and additional selections will cause the element to be scrollable in the x (horizontal) direction. | 'expand-y'               |
+| label                  | string                                    | An accessible label for the input, rendered in a `<label>` to the DOM                                                                                                                                                                                                                                                                                                                                                                                               |                          |
+| aria-label             | string                                    | An accessible label for the input, used only for screen-readers                                                                                                                                                                                                                                                                                                                                                                                                     |                          |
+| description            | string                                    | A description for the input                                                                                                                                                                                                                                                                                                                                                                                                                                         |                          |
+| placeholder            | string                                    | A placeholder for the input element. Uses the native `placeholder` attribute.                                                                                                                                                                                                                                                                                                                                                                                       | 'Select'                 |
+| disabled               | boolean                                   | Disables all interaction with the component                                                                                                                                                                                                                                                                                                                                                                                                                         | false                    |
+| size                   | 'default'                                 | Defines the visual size of the component                                                                                                                                                                                                                                                                                                                                                                                                                            | 'default'                |
+| darkMode               | boolean                                   | Toggles dark mode                                                                                                                                                                                                                                                                                                                                                                                                                                                   | false                    |
+| state                  | 'error', 'none'                           | The error state of the component. Defines whether the error message is displayed.                                                                                                                                                                                                                                                                                                                                                                                   | 'none'                   |
+| errorMessage           | string                                    | The message shown below the input when `state` is `error`                                                                                                                                                                                                                                                                                                                                                                                                           |                          |
+| onFilter               | (value: string) => void                   | A callback called when the search input changes. Recieves a single argument that is the current input value. Use this callback to set `searchState` and/or `filteredOptions` appropriately                                                                                                                                                                                                                                                                          |                          |
+| searchState            | 'unset', 'error', 'loading'               | The state of search results. Toggles search messages within the menu.                                                                                                                                                                                                                                                                                                                                                                                               | 'unset'                  |
+| searchErrorMessage     | string                                    | A message shown within the menu when `searchState` is `error`                                                                                                                                                                                                                                                                                                                                                                                                       | 'Could not get results!' |
+| searchLoadingMessage   | string                                    | A message shown within the menu when `searchState` is `loading`                                                                                                                                                                                                                                                                                                                                                                                                     | 'Loading results...'     |
+| searchEmptyMessage     | string                                    | A message shown within the menu when there are no options passed in as children, or `filteredOptions` is an empty array                                                                                                                                                                                                                                                                                                                                             | 'No results found'       |
+| clearable              | boolean                                   | Defines whether the Clear button appears to the right of the input                                                                                                                                                                                                                                                                                                                                                                                                  |                          |
+| onClear                | (e: MouseEvent) => void                   | A callback fired when the Clear button is pressed. Fired _after_ `onChange`, and _before_ `onFilter`                                                                                                                                                                                                                                                                                                                                                                |                          |
+| filteredOptions        | Array<string>, null                       | An array used to define which options are displayed. Do not remove Options from the JSX children, as this will affect the selected options                                                                                                                                                                                                                                                                                                                          |                          |
+| chipTruncationLocation | 'start', 'middle', 'end', 'none'          | Defines where the ellipses appear in a Chip when the length exceeds the `chipCharacterLimit`                                                                                                                                                                                                                                                                                                                                                                        | 'none'                   |
+| chipCharacterLimit     | number                                    | Defined the character limit of a multiselect Chip before they start truncating. Note: the three ellipses dots are included in the character limit.                                                                                                                                                                                                                                                                                                                  | 12                       |
+| className              | string                                    | Styling prop                                                                                                                                                                                                                                                                                                                                                                                                                                                        |                          |
+
+# ComboboxOption
+
+## Props
+
+| Prop        | Type    | Description                                                                                                                                                                   | Default |
+| ----------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| value       | string  | The internal value of the option. Used as the identifier in Combobox `initialValue`, `value` and `filteredOptions`. When undefined, this is set to `_.kebabCase(displayName)` |         |
+| displayName | string  | The display value of the option. Used as the rendered string within the menu and chips. When undefined, this is set to `value`                                                |         |
+| glyph       | <Icon/> | The icon to display to the left of the option in the menu.                                                                                                                    |         |
+| className   | string  | Styling prop                                                                                                                                                                  |         |
+
+# ComboboxGroup
+
+## Props
+
+| Prop      | Type             | Description                    | Default |
+| --------- | ---------------- | ------------------------------ | ------- |
+| label     | string           | Label for the group of options |         |
+| children  | <ComboboxOption> | Options in the group           |         |
+| className | string           | Styling prop                   |         |

package/dist/Chip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ChipProps } from './Combobox.types';
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AAmG3D,eAAO,MAAM,IAAI,mFAyHhB,CAAC"}

package/dist/Combobox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ComboboxProps } from './Combobox.types';
+/**
+ * Component
+ */
+export default function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode, state, errorMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, onChange, value, chipTruncationLocation, chipCharacterLimit, className, ...rest }: ComboboxProps<M>): JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAuBA,OAAO,EACL,aAAa,EAId,MAAM,kBAAkB,CAAC;AAuB1B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAClD,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAAgB,EAChB,QAAgB,EAChB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAykClB"}

package/dist/Combobox.styles.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Styles
+ */
+import { ComboboxSize, Overflow, State } from './Combobox.types';
+export declare const comboboxParentStyle: ({ darkMode, size, overflow, }: {
+    darkMode: boolean;
+    size: ComboboxSize;
+    overflow: Overflow;
+}) => string;
+export declare const comboboxStyle: string;
+export declare const interactionRingStyle: string;
+export declare const interactionRingColor: ({ state, darkMode, }: {
+    state: State;
+    darkMode: boolean;
+}) => {
+    hovered: "#8F221B" | undefined;
+} | {
+    hovered: "#FCEBE2" | undefined;
+};
+export declare const inputWrapperStyle: ({ overflow, isOpen, selection, value, }: {
+    overflow: Overflow;
+    isOpen: boolean;
+    selection: string | Array<string> | null;
+    value?: string | undefined;
+}) => string;
+export declare const inputElementStyle: string;
+export declare const clearButton: string;
+export declare const errorMessageStyle: string;
+export declare const endIcon: string;
+export declare const loadingIconStyle: string;
+/**
+ * Menu styles
+ */
+export declare const menuWrapperStyle: ({ darkMode, size, width, }: {
+    darkMode: boolean;
+    size: ComboboxSize;
+    width?: number | undefined;
+}) => string;
+export declare const menuStyle: ({ maxHeight }: {
+    maxHeight: number;
+}) => string;
+export declare const menuList: string;
+export declare const menuMessage: string;
+//# sourceMappingURL=Combobox.styles.d.ts.map

package/dist/Combobox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEjE,eAAO,MAAM,mBAAmB;cAKpB,OAAO;UACX,YAAY;cACR,QAAQ;YAoDnB,CAAC;AAEF,eAAO,MAAM,aAAa,QAgCzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AAEF,eAAO,MAAM,oBAAoB;WAIxB,KAAK;cACF,OAAO;;;;;CAWlB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAMlB,QAAQ;YACV,OAAO;eACJ,MAAM,GAAG,MAAM,MAAM,CAAC,GAAG,IAAI;;YA8EzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,QAGvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAK7B,CAAC;AAEF,eAAO,MAAM,OAAO,QAEnB,CAAC;AAUF,eAAO,MAAM,gBAAgB,QAE5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;cAKjB,OAAO;UACX,YAAY;;YA4CnB,CAAC;AAEF,eAAO,MAAM,SAAS;eAAgC,MAAM;YAc3D,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,QAYvB,CAAC"}

package/dist/Combobox.types.d.ts

@@ -0,0 +1,230 @@
+import { ReactElement, ReactNode } from 'react';
+import { Either } from '@leafygreen-ui/lib';
+/**
+ * Prop Enums & Types
+ */
+export declare const ComboboxSize: {
+    readonly default: "default";
+};
+export declare type ComboboxSize = typeof ComboboxSize[keyof typeof ComboboxSize];
+export declare const TrunctationLocation: {
+    readonly start: "start";
+    readonly middle: "middle";
+    readonly end: "end";
+    readonly none: "none";
+};
+export declare type TrunctationLocation = typeof TrunctationLocation[keyof typeof TrunctationLocation];
+export declare const Overflow: {
+    readonly expandY: "expand-y";
+    readonly expandX: "expand-x";
+    readonly scrollY: "scroll-x";
+};
+export declare type Overflow = typeof Overflow[keyof typeof Overflow];
+export declare const State: {
+    readonly error: "error";
+    readonly none: "none";
+};
+export declare type State = typeof State[keyof typeof State];
+export declare const SearchState: {
+    readonly unset: "unset";
+    readonly error: "error";
+    readonly loading: "loading";
+};
+export declare type SearchState = typeof SearchState[keyof typeof SearchState];
+/**
+ * Generic Typing
+ */
+export declare type SelectValueType<M extends boolean> = M extends true ? Array<string> : string | null;
+export declare type onChangeType<M extends boolean> = M extends true ? (value: SelectValueType<true>) => void : (value: SelectValueType<false>) => void;
+export declare function getNullSelection<M extends boolean>(multiselect: M): SelectValueType<M>;
+/**
+ * Combobox Props
+ */
+export interface ComboboxMultiselectProps<M extends boolean> {
+    /**
+     * Defines whether a user can select multiple options, or only a single option.
+     * When using TypeScript, `multiselect` affects the valid values of `initialValue`, `value`, and `onChange`
+     */
+    multiselect?: M;
+    /**
+     * The initial selection.
+     * Must be a string for a single-select, or an array of strings for multiselect.
+     * Changing the initialValue after initial render will not change the selection.
+     */
+    initialValue?: SelectValueType<M>;
+    /**
+     * A callback called when the selection changes.
+     * Callback recieves a single argument that is the new selection, either string, or string array
+     */
+    onChange?: onChangeType<M>;
+    /**
+     * The controlled value of the Combobox.
+     * Must be a string for a single-select, or an array of strings for multiselect.
+     * Changing value after initial render will affect the selection.
+     */
+    value?: SelectValueType<M>;
+    /**
+     * Defines the overflow behavior of a multiselect combobox.
+     *
+     * `expand-y`: Combobox has fixed width, and additional selections will cause the element to grow in the block direction.
+     *
+     * `expand-x`: Combobox has fixed height, and additional selections will cause the elemenet to grow in the inline direction.
+     *
+     * `scroll-x`: Combobox has fixed height and width, and additional selections will cause the element to be scrollable in the x (horizontal) direction.
+     */
+    overflow?: M extends true ? Overflow : undefined;
+}
+export interface BaseComboboxProps {
+    /**
+     * Defines the Combobox Options by passing children. Must be `ComboboxOption` or `ComboboxGroup`
+     */
+    children?: ReactNode;
+    /**
+     * An accessible label for the input, rendered in a <label> to the DOM
+     */
+    label?: string;
+    /**
+     * An accessible label for the input, used only for screen-readers
+     */
+    'aria-label'?: string;
+    /**
+     * A description for the input
+     */
+    description?: string;
+    /**
+     * A placeholder for the input element. Uses the native `placeholder` attribute.
+     */
+    placeholder?: string;
+    /**
+     * Disables all interaction with the component
+     */
+    disabled?: boolean;
+    /**
+     * Defines the visual size of the component
+     */
+    size?: ComboboxSize;
+    /**
+     * Toggles Dark Mode
+     */
+    darkMode?: boolean;
+    /**
+     * The error state of the component. Defines whether the error message is displayed.
+     */
+    state?: State;
+    /**
+     * The message shown below the input when state is `error`
+     */
+    errorMessage?: string;
+    /**
+     * The state of search results. Toggles search messages within the menu.
+     */
+    searchState?: SearchState;
+    /**
+     * A message shown within the menu when there are no options passed in as children, or `filteredOptions` is an empty array
+     */
+    searchEmptyMessage?: string;
+    /**
+     * A message shown within the menu when searchState is `error`
+     */
+    searchErrorMessage?: string;
+    /**
+     * A message shown within the menu when searchState is `loading`
+     */
+    searchLoadingMessage?: string;
+    /**
+     * A callback called when the search input changes.
+     * Recieves a single argument that is the current input value.
+     * Use this callback to set `searchState` and/or `filteredOptions` appropriately
+     */
+    onFilter?: (value: string) => void;
+    /**
+     * Defines whether the Clear button appears to the right of the input.
+     */
+    clearable?: boolean;
+    /**
+     * A callback fired when the Clear button is pressed.
+     * Fired _after_ `onChange`, and _before_ `onFilter`
+     */
+    onClear?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * An array used to define which options are displayed.
+     * Do not remove options from the JSX children, as this will affect the selected options
+     */
+    filteredOptions?: Array<string>;
+    /**
+     * Defines where the ellipses appear in a Chip when the length exceeds the `chipCharacterLimit`
+     */
+    chipTruncationLocation?: TrunctationLocation;
+    /**
+     * Defined the character limit of a multiselect Chip before they start truncating.
+     * Note: the three ellipses dots are included in the character limit.
+     */
+    chipCharacterLimit?: number;
+    /**
+     * Styling prop
+     */
+    className?: string;
+}
+export declare type ComboboxProps<M extends boolean> = Either<BaseComboboxProps & ComboboxMultiselectProps<M>, 'label' | 'aria-label'>;
+/**
+ * Combobox Option Props
+ */
+interface BaseComboboxOptionProps {
+    /**
+     * The internal value of the option. Used as the identifier in Combobox `initialValue`, value and filteredOptions.
+     * When undefined, this is set to `_.kebabCase(displayName)`
+     */
+    value?: string;
+    /**
+     * The display value of the option. Used as the rendered string within the menu and chips.
+     * When undefined, this is set to `value`
+     */
+    displayName?: string;
+    /**
+     * The icon to display to the left of the option in the menu.
+     */
+    glyph?: ReactElement;
+    /**
+     * Styling Prop
+     */
+    className?: string;
+}
+export declare type ComboboxOptionProps = Either<BaseComboboxOptionProps, 'value' | 'displayName'>;
+export interface InternalComboboxOptionProps {
+    value: string;
+    displayName: string;
+    isSelected: boolean;
+    isFocused: boolean;
+    setSelected: () => void;
+    glyph?: ReactElement;
+    className?: string;
+    index: number;
+}
+/**
+ * Combobox Group Props
+ */
+export interface ComboboxGroupProps {
+    /**
+     * Label for the group of options
+     */
+    label: string;
+    /**
+     * Options in the group. Must be one or more `ComboboxOption` components
+     */
+    children: React.ReactNode;
+    /**
+     * Styling prop
+     */
+    className?: string;
+}
+/**
+ * Combobox Chip
+ */
+export interface ChipProps {
+    displayName: string;
+    isFocused: boolean;
+    onRemove: () => void;
+    onFocus: () => void;
+}
+export {};
+//# sourceMappingURL=Combobox.types.d.ts.map

package/dist/Combobox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../src/Combobox.types.ts"],"names":[],"mappings":"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"}

package/dist/ComboboxContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ComboboxSize, TrunctationLocation } from './Combobox.types';
+interface ComboboxData {
+    multiselect: boolean;
+    darkMode: boolean;
+    size: keyof typeof ComboboxSize;
+    withIcons: boolean;
+    disabled: boolean;
+    chipTruncationLocation?: TrunctationLocation;
+    chipCharacterLimit?: number;
+    inputValue?: string;
+}
+export declare const ComboboxContext: import("react").Context<ComboboxData>;
+export {};
+//# sourceMappingURL=ComboboxContext.d.ts.map

package/dist/ComboboxContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../src/ComboboxContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,OAAO,YAAY,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAM1B,CAAC"}

package/dist/ComboboxGroup.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComboboxGroupProps } from './Combobox.types';
+export declare function InternalComboboxGroup({ label, className, children, }: ComboboxGroupProps): JSX.Element;
+declare function ComboboxGroup(_: ComboboxGroupProps): JSX.Element;
+declare namespace ComboboxGroup {
+    var displayName: string;
+}
+export default ComboboxGroup;
+//# sourceMappingURL=ComboboxGroup.d.ts.map

package/dist/ComboboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../src/ComboboxGroup.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA4BtD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkBlC;AAID,iBAAwB,aAAa,CAAC,CAAC,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAExE;kBAFuB,aAAa;;;eAAb,aAAa"}

package/dist/ComboboxOption.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ComboboxOptionProps, InternalComboboxOptionProps } from './Combobox.types';
+/**
+ * Component
+ */
+declare const InternalComboboxOption: React.ForwardRefExoticComponent<InternalComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
+export { InternalComboboxOption };
+declare function ComboboxOption(_: ComboboxOptionProps): JSX.Element;
+declare namespace ComboboxOption {
+    var displayName: string;
+}
+export default ComboboxOption;
+//# sourceMappingURL=ComboboxOption.d.ts.map

package/dist/ComboboxOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../src/ComboboxOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,kBAAkB,CAAC;AA4D1B;;GAEG;AAEH,QAAA,MAAM,sBAAsB,mGAsH3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,iBAAwB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAE1E;kBAFuB,cAAc;;;eAAd,cAAc"}