@leafygreen-ui/combobox 1.2.2 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @leafygreen-ui/combobox
 
+## 2.0.2
+
+### Patch Changes
+
+- bf320048: Updates the highlighting function (wrapJSX) to ensure all values are accepted, including regex special characters
+- bf320048: Adds missing `leafygreen-provider` as a peer dependency
+- Updated dependencies [65c86281]
+- Updated dependencies [4ad8cbc0]
+- Updated dependencies [9cb53590]
+- Updated dependencies [bac1e809]
+- Updated dependencies [bac1e809]
+- Updated dependencies [9dafe83a]
+  - @leafygreen-ui/icon-button@13.1.0
+  - @leafygreen-ui/tooltip@7.1.0
+  - @leafygreen-ui/typography@13.1.0
+  - @leafygreen-ui/checkbox@10.0.0
+
+## 2.0.1
+
+### Patch Changes
+
+- 5f82468e: Updates lodash imports in combobox. Lodash functions are now imported individually to reduce bundle size
+- Updated dependencies [13a4adcc]
+  - @leafygreen-ui/typography@13.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- a0beace8: Updates Combobox for visual refresh. Adds Dark Mode
+
+### Patch Changes
+
+- Updated dependencies [85d46871]
+- Updated dependencies [99e20bb9]
+  - @leafygreen-ui/lib@9.4.0
+  - @leafygreen-ui/checkbox@9.0.0
+  - @leafygreen-ui/icon-button@13.0.0
+  - @leafygreen-ui/popover@9.0.0
+  - @leafygreen-ui/typography@13.0.0
+  - @leafygreen-ui/tooltip@7.0.4
+  - @leafygreen-ui/inline-definition@4.0.1
+
 ## 1.2.2
 
 ### Patch Changes

package/dist/Chip.d.ts.map

@@ -1 +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;AA6G3D,eAAO,MAAM,IAAI,mFAsHhB,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,SAAS,EAA+B,MAAM,kBAAkB,CAAC;AA0H1E,eAAO,MAAM,IAAI,mFAqIhB,CAAC"}

package/dist/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAsBA,OAAO,EACL,aAAa,EAOd,MAAM,kBAAkB,CAAC;AA8B1B;;;;GAIG;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,IAA2B,EAC3B,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,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAswClB;AACD;;;GAGG"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAyBA,OAAO,EACL,aAAa,EAQd,MAAM,kBAAkB,CAAC;AAmC1B;;;;GAIG;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,IAA2B,EAC3B,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,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAiuClB;AACD;;;GAGG"}

package/dist/Combobox.styles.d.ts

@@ -1,46 +1,46 @@
+import { ComboboxSize as Size, Overflow, Theme } from './Combobox.types';
 /**
- * Styles
+ * Width of the widest character (in px)
  */
-import { ComboboxSize, Overflow, State } from './Combobox.types';
-export declare const chipClassName: string;
-export declare const _tempLabelDescriptionOverrideStyle: string;
-export declare const comboboxParentStyle: ({ darkMode, size, overflow, }: {
-    darkMode: boolean;
-    size: ComboboxSize;
-    overflow: Overflow;
-}) => string;
-export declare const comboboxStyle: string;
-export declare const comboboxFocusStyle: string;
-export declare const interactionRingColor: ({ state, darkMode, }: {
-    state: State;
-    darkMode: boolean;
-}) => {
-    hovered: "#8F221B" | undefined;
-} | {
-    hovered: "#FCEBE2" | undefined;
+export declare const maxCharWidth: Record<Size, number>;
+/**
+ * Vertical padding on a chip (in px)
+ */
+export declare const chipWrapperPaddingY: {
+    readonly default: 2;
+    readonly large: 4;
 };
-export declare const inputWrapperStyle: ({ overflow, isOpen, selection, size, value, }: {
-    overflow: Overflow;
-    isOpen: boolean;
-    selection: string | Array<string> | null;
-    size: ComboboxSize;
-    value?: string | undefined;
-}) => string;
-export declare const inputElementStyle: string;
-export declare const clearButtonStyle: string;
-export declare const clearButtonFocusOverrideStyles: string;
-export declare const errorMessageStyle: string;
-export declare const endIcon: string;
-export declare const loadingIconStyle: string;
 /**
- * Menu styles
+ * Size of combobox x & y padding (in px)
  */
-export declare const menuWrapperStyle: ({ darkMode, size, width, }: {
-    darkMode: boolean;
-    size: ComboboxSize;
-    width?: number | undefined;
+export declare const comboboxPadding: Record<Size, {
+    x: number;
+    y: number;
+}>;
+/** Width of the dropdown caret icon (in px) */
+export declare const caretIconSize: 16;
+export declare const chipClassName: string;
+export declare const comboboxParentStyle: (size: Size, overflow?: Overflow | undefined) => string;
+export declare const baseComboboxStyles: string;
+export declare const comboboxThemeStyles: Record<Theme, string>;
+export declare const comboboxSizeStyles: (size: Size) => string;
+export declare const comboboxDisabledStyles: Record<Theme, string>;
+export declare const comboboxErrorStyles: Record<Theme, string>;
+export declare const comboboxFocusStyle: Record<Theme, string>;
+export declare const inputWrapperStyle: ({ overflow, size, }: {
+    overflow: Overflow;
+    size: Size;
 }) => string;
-export declare const menuStyle: string;
-export declare const menuList: string;
-export declare const menuMessage: string;
+export declare const baseInputElementStyle: string;
+export declare const inputElementThemeStyle: Record<Theme, string>;
+export declare const inputElementSizeStyle: Record<Size, string>;
+export declare const inputElementTransitionStyles: (isOpen: boolean, overflow: Overflow) => string;
+/** Should only be applied to a multiselect */
+export declare const multiselectInputElementStyle: (size: Size, inputValue?: string | undefined) => string;
+export declare const multiselectInputElementPadding: (selection: string | Array<string> | null) => string;
+export declare const clearButtonStyle: string;
+export declare const endIconStyle: (size: Size) => string;
+export declare const errorMessageThemeStyle: Record<Theme, string>;
+export declare const errorMessageSizeStyle: Record<Size, string>;
+export declare const labelDescriptionContainerStyle: string;
 //# sourceMappingURL=Combobox.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAUjE,eAAO,MAAM,aAAa,QAAyC,CAAC;AAGpE,eAAO,MAAM,kCAAkC,QAI9C,CAAC;AAEF,eAAO,MAAM,mBAAmB;cAKpB,OAAO;UACX,YAAY;cACR,QAAQ;YAqEnB,CAAC;AAEF,eAAO,MAAM,aAAa,QA0BzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;WAIxB,KAAK;cACF,OAAO;;;;;CAWlB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAOlB,QAAQ;YACV,OAAO;eACJ,MAAM,GAAG,MAAM,MAAM,CAAC,GAAG,IAAI;UAClC,YAAY;;YA4EnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAkB7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAG5B,CAAC;AAIF,eAAO,MAAM,8BAA8B,QAO1C,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;;YA4DnB,CAAC;AAEF,eAAO,MAAM,SAAS,QAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,QAYvB,CAAC"}
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAG7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAYX;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CASlE,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,aAAa,IAAa,CAAC;AAexC,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,SACxB,IAAI,sCAET,MAaF,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAU9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmBrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,IAAI,WAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAaxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAepD,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAIlB,QAAQ;UACZ,IAAI;YA4DX,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAkBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAetD,CAAC;AAGF,eAAO,MAAM,4BAA4B,WAC/B,OAAO,YACL,QAAQ,WAUhB,CAAC;AAGL,8CAA8C;AAC9C,eAAO,MAAM,4BAA4B,SACjC,IAAI,4CAUX,CAAC;AAGF,eAAO,MAAM,8BAA8B,cAC9B,MAAM,GAAG,MAAM,MAAM,CAAC,GAAG,IAAI,WAWzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAG5B,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,WAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAWtD,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC"}

package/dist/Combobox.types.d.ts

@@ -1,5 +1,10 @@
 import { ReactElement, ReactNode } from 'react';
 import { Either } from '@leafygreen-ui/lib';
+export declare const Theme: {
+    readonly Dark: "dark";
+    readonly Light: "light";
+};
+export declare type Theme = typeof Theme[keyof typeof Theme];
 /**
  * Prop Enums & Types
  */

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

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

package/dist/ComboboxContext.d.ts

@@ -1,15 +1,19 @@
 /// <reference types="react" />
-import { ComboboxSize, TrunctationLocation } from './Combobox.types';
+import { ComboboxSize, SearchState, State, TrunctationLocation } from './Combobox.types';
 interface ComboboxData {
     multiselect: boolean;
     darkMode: boolean;
     size: ComboboxSize;
     withIcons: boolean;
     disabled: boolean;
+    isOpen: boolean;
+    state: State;
+    searchState: SearchState;
     chipTruncationLocation?: TrunctationLocation;
     chipCharacterLimit?: number;
     inputValue?: string;
 }
 export declare const ComboboxContext: import("react").Context<ComboboxData>;
+export declare const useDarkMode: (darkMode: boolean) => "dark" | "light";
 export {};
 //# sourceMappingURL=ComboboxContext.d.ts.map

package/dist/ComboboxContext.d.ts.map

@@ -1 +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,YAAY,CAAC;IACnB,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"}
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../src/ComboboxContext.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EAEL,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAS1B,CAAC;AAEH,eAAO,MAAM,WAAW,aAAc,OAAO,qBACR,CAAC"}

package/dist/ComboboxGroup.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../src/ComboboxGroup.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAS,MAAM,kBAAkB,CAAC;AAkC7D,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAsBlC;AAID,iBAAwB,aAAa,CAAC,CAAC,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAExE;kBAFuB,aAAa;;;eAAb,aAAa"}

package/dist/ComboboxMenu/ComboboxMenu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ComboboxProps } from '../Combobox.types';
+export declare const ComboboxMenu: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    refEl: React.RefObject<HTMLDivElement>;
+    id: string;
+    labelId: string;
+    menuWidth: number;
+} & Pick<ComboboxProps<any>, "searchEmptyMessage" | "searchErrorMessage" | "searchLoadingMessage" | "usePortal" | "portalClassName" | "portalContainer" | "scrollContainer" | "popoverZIndex"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ComboboxMenu.d.ts.map

package/dist/ComboboxMenu/ComboboxMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiBnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAsBlD,eAAO,MAAM,YAAY;eAjBZ,MAAM,SAAS;WACnB,MAAM,SAAS,CAAC,cAAc,CAAC;QAClC,MAAM;aACD,MAAM;eACJ,MAAM;qOAoIlB,CAAC"}

package/dist/ComboboxMenu/Menu.styles.d.ts

@@ -0,0 +1,25 @@
+import { ComboboxSize as Size, Theme } from '../Combobox.types';
+export declare const menuItemPadding: Record<Size, {
+    x: number;
+    y: number;
+}>;
+/** Height of a menu item (in px) */
+export declare const menuItemHeight: {
+    default: number;
+    large: number;
+};
+/**
+ * Menu styles
+ */
+export declare const popoverStyle: (width?: number) => string;
+export declare const popoverThemeStyle: Record<Theme, string>;
+export declare const menuBaseStyle: string;
+export declare const menuThemeStyle: Record<Theme, string>;
+export declare const menuSizeStyle: Record<Size, string>;
+export declare const menuList: string;
+export declare const menuMessageBaseStyle: string;
+export declare const menuMessageThemeStyle: Record<Theme, string>;
+export declare const menuMessageSizeStyle: Record<Size, string>;
+export declare const menuMessageIconSizeStyle: Record<Size, string>;
+export declare const loadingIconStyle: string;
+//# sourceMappingURL=Menu.styles.d.ts.map

package/dist/ComboboxMenu/Menu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhE,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAGlE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,cAAc;;;CAI1B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAO9C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAarD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CASzD,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}

package/dist/ComboboxOption.d.ts.map

@@ -1 +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;AA8E1B;;GAEG;AACH,QAAA,MAAM,sBAAsB,mGAmI3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,iBAAwB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAE1E;kBAFuB,cAAc;;;eAAd,cAAc"}
+{"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,EAG5B,MAAM,kBAAkB,CAAC;AAyJ1B;;GAEG;AACH,QAAA,MAAM,sBAAsB,mGA8I3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,iBAAwB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAE1E;kBAFuB,cAAc;;;eAAd,cAAc"}

package/dist/ComboboxTestUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../src/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,oBAAY,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3C,aAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CACvD,GAAG,iBAAiB,GACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CAgB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CA+B9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,0DAyC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,GAAE,CAAiB,EACzB,KAAK,CAAC,EAAE,mBAAmB;iCAsDS,mBAAmB;;gBAetB,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;;gBAgBxC,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI;gBACrC,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;yBA5BjD,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6D7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,YAAmC,CAAC;AA8B7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}
+{"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../src/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,oBAAY,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3C,aAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CACvD,GAAG,iBAAiB,GACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CAgB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CA+B9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,0DAyC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,GAAE,CAAiB,EACzB,KAAK,CAAC,EAAE,mBAAmB;iCAsDS,mBAAmB;;gBAetB,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;;gBAgBxC,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI;gBACrC,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;yBA5BjD,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6D7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,YAAmC,CAAC;AA8B7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}

package/dist/Menu.styles.d.ts

@@ -0,0 +1,21 @@
+import { ComboboxSize, Theme } from './Combobox.types';
+/** Height of a menu item (in px) */
+export declare const menuItemHeight = 36;
+export declare const menuItemPadding: Record<ComboboxSize, {
+    x: number;
+    y: number;
+}>;
+/**
+ * Menu styles
+ */
+export declare const popoverStyle: (width?: number) => string;
+export declare const popoverThemeStyle: Record<Theme, string>;
+export declare const menuBaseStyle: string;
+export declare const menuThemeStyle: Record<Theme, string>;
+export declare const menuList: string;
+export declare const menuMessageBaseStyle: string;
+export declare const menuMessageThemeStyle: Record<Theme, string>;
+export declare const menuMessageSizeStyle: Record<ComboboxSize, string>;
+export declare const menuMessageIconSizeStyle: Record<ComboboxSize, string>;
+export declare const loadingIconStyle: string;
+//# sourceMappingURL=Menu.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../src/Menu.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEvD,oCAAoC;AACpC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAG1E,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,aAAa,QAUzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAMhD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAKvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAe7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CASjE,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import n,{createContext as o,useContext as e,useCallback as r,useMemo as t,useRef as i,useEffect as l,useState as a}from"react";import{isArray as c,isNull as s,isString as u,isUndefined as b,clone as d,isEqual as g}from"lodash";import{Label as p,Description as m}from"@leafygreen-ui/typography";import f from"@leafygreen-ui/popover";import{useIdAllocator as h,useForwardedRef as v,useDynamicRefs as x,usePrevious as y,useAvailableSpace as w,useEventListener as k}from"@leafygreen-ui/hooks";import C,{isComponentGlyph as O}from"@leafygreen-ui/icon";import N from"@leafygreen-ui/icon-button";import{css as z,cx as S,keyframes as D}from"@leafygreen-ui/emotion";import{uiColors as j}from"@leafygreen-ui/palette";import{isComponentType as I,createUniqueClassName as M,keyMap as E,consoleOnce as P}from"@leafygreen-ui/lib";import T from"@leafygreen-ui/checkbox";import{jsx as A}from"@emotion/react";import F from"lodash/kebabCase";import{fontFamilies as L,typeScales as R}from"@leafygreen-ui/tokens";import W from"@leafygreen-ui/inline-definition";function G(n,o){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable}))),e.push.apply(e,r)}return e}function H(n){return H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},H(n)}function K(n,o,e){return o in n?Object.defineProperty(n,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[o]=e,n}function U(){return U=Object.assign||function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},U.apply(this,arguments)}function V(n,o){if(null==n)return{};var e,r,t=function(n,o){if(null==n)return{};var e,r,t={},i=Object.keys(n);for(r=0;r<i.length;r++)e=i[r],o.indexOf(e)>=0||(t[e]=n[e]);return t}(n,o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)e=i[r],o.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(t[e]=n[e])}return t}function B(n,o){return o||(o=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(o)}}))}function X(n,o){return function(n){if(Array.isArray(n))return n}(n)||function(n,o){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==e)return;var r,t,i=[],l=!0,a=!1;try{for(e=e.call(n);!(l=(r=e.next()).done)&&(i.push(r.value),!o||i.length!==o);l=!0);}catch(n){a=!0,t=n}finally{try{l||null==e.return||e.return()}finally{if(a)throw t}}return i}(n,o)||Y(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(n){return function(n){if(Array.isArray(n))return $(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||Y(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Y(n,o){if(n){if("string"==typeof n)return $(n,o);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?$(n,o):void 0}}function $(n,o){(null==o||o>n.length)&&(o=n.length);for(var e=0,r=new Array(o);e<o;e++)r[e]=n[e];return r}var q="Input",J="ClearButton",Q="FirstChip",_="LastChip",nn="MiddleChip",on="Combobox",en="Menu",rn="default",tn="large";var ln,an,cn,sn,un,bn,dn,gn,pn,mn,fn,hn,vn,xn,yn,wn,kn,Cn,On,Nn,zn,Sn,Dn,jn,In,Mn,En,Pn,Tn,An,Fn,Ln,Rn,Wn=o({multiselect:!1,darkMode:!1,size:rn,withIcons:!1,disabled:!1}),Gn=function(o,e,r){if(e&&r){var t=new RegExp(e,"gi"),i=o.matchAll(t);if(i){for(var l=o.split(""),a=0,c=Array.from(i);a<c.length;a++){var s,u=c[a],b=null!==(s=u.index)&&void 0!==s?s:-1,d=u[0],g=d.length,p=b+d+g,m=new Array(g).fill("");m[0]=n.createElement(r,{key:p},d),l.splice.apply(l,[b,g].concat(Z(m)))}return A(n.Fragment,null,l)}return A(n.Fragment,null,o)}return A(n.Fragment,null,o)},Hn=function(n){var o,e=n.value,r=n.displayName;return{value:null!=e?e:F(r),displayName:null!==(o=null!=r?r:e)&&void 0!==o?o:""}},Kn=function(n,o){if(n)return o.find((function(o){return o.value===n}))},Un=function(n,o){var e,r;return n?null!==(e=null===(r=Kn(n,o))||void 0===r?void 0:r.displayName)&&void 0!==e?e:n:""},Vn=function o(e){return n.Children.toArray(e).reduce((function(n,e){if(I(e,"ComboboxOption")){var r=Hn(e.props),t=r.value,i=r.displayName,l=e.props,a=l.glyph,c=l.disabled;return[].concat(Z(n),[{value:t,displayName:i,isDisabled:!!c,hasGlyph:!!a}])}if(I(e,"ComboboxGroup")){var s=e.props.children;if(s)return[].concat(Z(n),Z(o(s)))}}),[])},Bn=z(ln||(ln=B(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  list-style: none;\n  color: inherit;\n  cursor: pointer;\n  overflow: hidden;\n  font-family: ",";\n  font-size: var(--lg-combobox-item-font-size);\n  line-height: var(--lg-combobox-item-line-height);\n  padding: var(--lg-combobox-item-padding-y) var(--lg-combobox-item-padding-x);\n\n  // Left wedge\n  &:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    width: 3px;\n    height: var(--lg-combobox-item-wedge-height);\n    background-color: transparent;\n    border-radius: 0 2px 2px 0;\n    transform: scaleY(0.3);\n    transition: 150ms ease-in-out;\n    transition-property: transform, background-color;\n  }\n\n  &:hover {\n    outline: none;\n    background-color: var(--lg-combobox-item-hover-color);\n  }\n\n  &[aria-selected='true'] {\n    outline: none;\n    background-color: var(--lg-combobox-item-active-color);\n\n    &:before {\n      background-color: var(--lg-combobox-item-wedge-color);\n      transform: scaleY(1);\n    }\n  }\n"])),L.legacy),Xn=z(an||(an=B(["\n  cursor: not-allowed;\n  color: ",";\n\n  &:hover {\n    background-color: inherit;\n  }\n"])),j.gray.base),Zn=z(cn||(cn=B(["\n  display: inline-flex;\n  gap: 8px;\n  justify-content: start;\n  align-items: inherit;\n  overflow-wrap: anywhere;\n"]))),Yn=z(sn||(sn=B(["\n  pointer-events: none;\n"]))),$n=function(n){return z(un||(un=B(["\n  font-weight: ",";\n"])),n?"bold":"normal")},qn=n.forwardRef((function(o,i){var l=o.displayName,a=o.glyph,c=o.isSelected,s=o.isFocused,u=o.disabled,b=o.setSelected,d=o.className,g=e(Wn),p=g.multiselect,m=g.darkMode,f=g.withIcons,x=g.inputValue,y=h({prefix:"combobox-option-text"}),w=v(i,null),k=r((function(n){n.stopPropagation(),u||n.target!==w.current&&"INPUT"!==n.target.tagName||b()}),[u,w,b]),N=t((function(){if(a){if(O(a)||I(a,"Icon"))return a;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a)}}),[a]),z=t((function(){if(p){var o=A(T,{label:"","aria-labelledby":y,checked:c,tabIndex:-1,animate:!1,disabled:u});return A(n.Fragment,null,A("span",{className:S(Zn,Yn)},f?N:o,A("span",{id:y,className:$n(c)},Gn(l,x,"strong"))),f&&o)}return A(n.Fragment,null,A("span",{className:S(Zn,Yn)},N,A("span",{className:$n(c)},Gn(l,x,"strong"))),c&&A(C,{glyph:"Checkmark",color:m?j.blue.light1:j.blue.base}))}),[p,N,c,l,x,m,y,u,f]);return A("li",{ref:w,role:"option","aria-selected":s,"aria-label":l,tabIndex:-1,className:S(Bn,K({},Xn,u),d),onClick:k,onKeyDown:k},z)}));function Jn(n){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}qn.displayName="ComboboxOption",Jn.displayName="ComboboxOption";var Qn,_n,no,oo,eo,ro,to,io,lo,ao=(K(bn={},rn,R.body1.fontSize),K(bn,tn,R.body2.fontSize),bn),co=M("combobox-chip"),so=z(dn||(dn=B(["\n  font-family: ",";\n  font-size: var(--lg-combobox-font-size);\n  line-height: var(--lg-combobox-line-height);\n"])),L.legacy),uo=function(n){var o=n.darkMode,e=n.size,r=n.overflow;return S(function(n){return n?z(gn||(gn=B([""]))):z(pn||(pn=B(["\n        --lg-combobox-color-error: ",";\n        --lg-combobox-text-color: ",";\n        --lg-combobox-text-color-disabled: ",";\n\n        --lg-combobox-background-color: ",";\n        --lg-combobox-background-color-focus: ",";\n        --lg-combobox-background-color-disabled: ",";\n\n        --lg-combobox-border-color: ",";\n        --lg-combobox-border-color-disabled: ",";\n        --lg-combobox-border-color-error: ",";\n\n        --lg-combobox-shadow: 0px 1px 2px rgba(6, 22, 33, 0.3);\n        --lg-combobox-shadow-focus: 0px 4px 4px rgba(6, 22, 33, 0.3);\n      "])),j.red.base,j.gray.dark3,j.gray.dark1,j.gray.light3,j.white,j.gray.light2,j.gray.base,j.gray.light1,j.red.base)}(o),function(n){switch(n){case rn:return z(mn||(mn=B(["\n          --lg-combobox-padding-y: 5px;\n          --lg-combobox-padding-x: 7px;\n          --lg-combobox-height: calc(\n            36px - 2px - 2 * var(--lg-combobox-padding-y)\n          );\n          --lg-combobox-font-size: ","px; // TODO: update this for redesign\n          --lg-combobox-line-height: ","px;\n        "])),R.body1.fontSize+1,R.body1.lineHeight+1);case tn:return z(fn||(fn=B(["\n          --lg-combobox-padding-y: 9px;\n          --lg-combobox-padding-x: 11px;\n          --lg-combobox-height: calc(\n            48px - 2px - 2 * var(--lg-combobox-padding-y)\n          );\n          --lg-combobox-font-size: ","px;\n          --lg-combobox-line-height: ","px;\n        "])),R.body2.fontSize,R.body2.lineHeight)}}(e),z(hn||(hn=B(["\n      --lg-combobox-icon-height: 16px;\n      --lg-combobox-border-radius: 3px;\n      --lg-combobox-width: ",";\n      --lg-combobox-padding: var(--lg-combobox-padding-y)\n        var(--lg-combobox-padding-x) var(--lg-combobox-padding-y)\n        ",";\n      width: var(--lg-combobox-width);\n      // TODO: Clean this up 🤮\n      min-width: calc(\n        ","px + var(--lg-combobox-padding-x) * 2 + 2px +\n          var(--lg-combobox-icon-height)\n      );\n    "])),"expand-x"===r?"unset":"100%","scroll-x"===r?"0":"var(--lg-combobox-padding-x)",ao[e]))},bo=z(vn||(vn=B(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  padding: var(--lg-combobox-padding);\n  color: var(--lg-combobox-text-color);\n  background-color: var(--lg-combobox-background-color);\n  box-shadow: var(--lg-combobox-shadow);\n  border: 1px solid var(--lg-combobox-border-color);\n  border-radius: var(--lg-combobox-border-radius);\n  width: var(--lg-combobox-width);\n  cursor: text;\n  transition: 150ms ease-in-out;\n  transition-property: background-color, box-shadow, border-color;\n\n  &[data-disabled='true'] {\n    color: var(--lg-combobox-text-color-disabled);\n    background-color: var(--lg-combobox-background-color-disabled);\n    border-color: var(--lg-combobox-border-color-disabled);\n    box-shadow: unset;\n    cursor: not-allowed;\n  }\n\n  &[data-state='error'] {\n    border-color: var(--lg-combobox-border-color-error);\n  }\n"]))),go=z(xn||(xn=B(["\n  &:focus-within {\n    border-color: transparent;\n    background-color: var(--lg-combobox-background-color-focus);\n    // TODO: Remove for UI refresh & Darkmode\n    box-shadow: 0 0 0 3px ",", var(--lg-combobox-shadow-focus);\n  }\n"])),j.focus),po=function(n){var o,e=n.overflow,r=n.isOpen,t=n.selection,i=n.size,l=n.value,a=c(t)&&t.length>0,s=null!==(o=null==l?void 0:l.length)&&void 0!==o?o:0,u=z(yn||(yn=B(["\n    flex-grow: 1;\n    width: var(--lg-combobox-width);\n\n    --lg-combobox-input-width: ",";\n    --lg-combobox-input-min-width: ","px;\n  "])),a?"".concat(s*ao[i],"px"):"100%",ao[i]);switch(e){case"scroll-x":return z(wn||(wn=B(["\n        ","\n        display: block;\n        height: var(--lg-combobox-height);\n        white-space: nowrap;\n        overflow-x: scroll;\n        padding-left: var(--lg-combobox-padding-x);\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        /*\n         * Immediate transition in, slow transition out. \n         * '-in' transition is handled by `scroll-behavior` \n         */\n        --lg-combobox-input-transition: width ease-in-out\n          ",";\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n\n        & > ."," {\n          margin-inline: 2px;\n\n          &:first-child {\n            margin-inline-start: 0;\n          }\n\n          &:last-child {\n            margin-inline-end: 0;\n          }\n        }\n      "],["\n        ","\n        display: block;\n        height: var(--lg-combobox-height);\n        white-space: nowrap;\n        overflow-x: scroll;\n        padding-left: var(--lg-combobox-padding-x);\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        /*\n         * Immediate transition in, slow transition out. \n         * '-in' transition is handled by \\`scroll-behavior\\` \n         */\n        --lg-combobox-input-transition: width ease-in-out\n          ",";\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n\n        & > ."," {\n          margin-inline: 2px;\n\n          &:first-child {\n            margin-inline-start: 0;\n          }\n\n          &:last-child {\n            margin-inline-end: 0;\n          }\n        }\n      "])),u,r?"0":"100ms",co);case"expand-x":return z(kn||(kn=B(["\n        ","\n        display: flex;\n        gap: 4px;\n        flex-wrap: nowrap;\n        white-space: nowrap;\n        height: var(--lg-combobox-height);\n        --lg-combobox-input-transition: none;\n      "])),u);case"expand-y":return z(Cn||(Cn=B(["\n        ","\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n        overflow-x: visible;\n        min-height: var(--lg-combobox-height);\n      "])),u)}},mo=z(On||(On=B(["\n  border: none;\n  cursor: inherit;\n  background-color: inherit;\n  box-sizing: content-box;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n  font-size: var(--lg-combobox-font-size);\n  line-height: var(--lg-combobox-line-height);\n  height: var(--lg-combobox-height);\n  width: var(--lg-combobox-input-width, 0);\n  min-width: var(--lg-combobox-input-min-width);\n  transition: var(--lg-combobox-input-transition);\n\n  &:focus {\n    outline: none;\n  }\n"]))),fo=z(Nn||(Nn=B(["\n  // Add a negative margin so the button takes up the same space as the regular icons\n  margin-block: calc(var(--lg-combobox-icon-height) / 2 - 100%);\n"]))),ho=z(zn||(zn=B(["\n  &:focus {\n    box-shadow: unset;\n    &::before {\n      background-color: ",";\n    }\n  }\n"])),j.blue.light2),vo=z(Sn||(Sn=B(["\n  font-size: var(--lg-combobox-font-size);\n  line-height: var(--lg-combobox-line-height);\n  color: var(--lg-combobox-color-error);\n  padding-top: var(--lg-combobox-padding-y);\n"]))),xo=z(Dn||(Dn=B(["\n  margin-inline-end: calc(var(--lg-combobox-padding-x) / 2);\n"]))),yo=D(jn||(jn=B(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),wo=z(In||(In=B(["\n  animation: "," 1.5s linear infinite;\n"])),yo),ko=function(n){var o,e,r=n.darkMode,t=n.size,i=n.width,l=void 0===i?384:i;switch(o=r?z(Mn||(Mn=B([""]))):z(En||(En=B(["\n      --lg-combobox-menu-color: ",";\n      --lg-combobox-menu-message-color: ",";\n      --lg-combobox-menu-background-color: ",";\n      --lg-combobox-menu-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);\n      --lg-combobox-item-hover-color: ",";\n      --lg-combobox-item-active-color: ",";\n      --lg-combobox-item-wedge-color: ",";\n    "])),j.gray.dark3,j.gray.dark1,j.white,j.gray.light2,j.blue.light3,j.blue.base),t){case rn:e=z(Pn||(Pn=B(["\n        --lg-combobox-menu-border-radius: 4px;\n        --lg-combobox-item-height: 36px;\n        --lg-combobox-item-padding-y: 8px;\n        --lg-combobox-item-padding-x: 12px;\n        --lg-combobox-item-font-size: ","px; // TODO: update this\n        --lg-combobox-item-line-height: ","px; // TODO: update this\n        --lg-combobox-item-wedge-height: 22px;\n      "])),R.body1.fontSize+1,R.body1.lineHeight+1);break;case tn:e=z(Tn||(Tn=B(["\n        --lg-combobox-menu-border-radius: 4px;\n        --lg-combobox-item-height: 36px;\n        --lg-combobox-item-padding-y: 8px;\n        --lg-combobox-item-padding-x: 12px;\n        --lg-combobox-item-font-size: ","px; // TODO: update this\n        --lg-combobox-item-line-height: ","px; // TODO: update this\n        --lg-combobox-item-wedge-height: 22px;\n      "])),R.body2.fontSize+1,R.body2.lineHeight+1)}return S(o,e,z(An||(An=B(["\n      width: ","px;\n      border-radius: var(--lg-combobox-menu-border-radius);\n\n      & > * {\n        border-radius: inherit;\n      }\n    "])),l))},Co=z(Fn||(Fn=B(["\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: ",";\n  color: var(--lg-combobox-menu-color);\n  background-color: var(--lg-combobox-menu-background-color);\n  box-shadow: var(--lg-combobox-menu-shadow);\n  border-radius: inherit;\n  overflow: auto;\n  min-height: var(--lg-combobox-item-height);\n  scroll-behavior: smooth;\n"])),L.default),Oo=z(Ln||(Ln=B(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),No=z(Rn||(Rn=B(["\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--lg-combobox-item-font-size);\n  color: var(--lg-combobox-menu-message-color);\n  padding: var(--lg-combobox-item-padding-y) var(--lg-combobox-item-padding-x);\n\n  & > svg {\n    width: 1em;\n    height: 1em;\n  }\n"]))),zo=function(n){var o,e,r=n.darkMode,t=n.size;switch(o=r?z(Qn||(Qn=B([""]))):z(_n||(_n=B(["\n      --lg-combobox-chip-text-color: ",";\n      --lg-combobox-chip-icon-color: ",";\n      --lg-combobox-chip-background-color: ",";\n      --lg-combobox-chip-hover-color: ",";\n      --lg-combobox-chip-focus-color: ",";\n    "])),j.gray.dark3,j.gray.dark2,j.gray.light2,j.gray.light1,j.blue.light2),t){case rn:e=z(no||(no=B(["\n        --lg-combobox-chip-height: 24px;\n        --lg-combobox-chip-border-radius: 4px;\n        --lg-combobox-chip-font-size: 14px;\n        --lg-combobox-chip-line-height: 20px;\n        --lg-combobox-chip-padding-x: 6px;\n      "])));break;case tn:e=z(oo||(oo=B(["\n        --lg-combobox-chip-height: 28px;\n        --lg-combobox-chip-border-radius: 4px;\n        --lg-combobox-chip-font-size: ","px;\n        --lg-combobox-chip-line-height: ","px;\n        --lg-combobox-chip-padding-x: 6px;\n      "])),R.body2.fontSize,R.body2.lineHeight)}return S(o,e,z(eo||(eo=B(["\n      display: inline-flex;\n      align-items: center;\n      overflow: hidden;\n      white-space: nowrap;\n      height: var(--lg-combobox-chip-height);\n      font-size: var(--lg-combobox-chip-font-size);\n      line-height: var(--lg-combobox-chip-line-height);\n      border-radius: var(--lg-combobox-chip-border-radius);\n      color: var(--lg-combobox-chip-text-color);\n      background-color: var(--lg-combobox-chip-background-color);\n\n      // TODO - refine these styles\n      /* &:focus, */\n      &:focus-within {\n        background-color: var(--lg-combobox-chip-focus-color);\n      }\n    "]))))},So=z(ro||(ro=B(["\n  padding-inline: var(--lg-combobox-chip-padding-x);\n"]))),Do=z(to||(to=B(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  color: var(--lg-combobox-chip-icon-color);\n  cursor: pointer;\n  transition: background-color 100ms ease-in-out;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 1px;\n    background-color: var(--lg-combobox-chip-hover-color);\n  }\n\n  &:hover {\n    background-color: var(--lg-combobox-chip-hover-color);\n  }\n"]))),jo=n.forwardRef((function(n,o){var r=n.displayName,a=n.isFocused,c=n.onRemove,s=n.onFocus,u=e(Wn),b=u.darkMode,d=u.size,g=u.disabled,p=u.chipTruncationLocation,m=void 0===p?"end":p,f=u.chipCharacterLimit,h=void 0===f?12:f,v=!!h&&!!m&&"none"!==m&&r.length>h,x=i(null),y=t((function(){if(v){var n=h-3;switch(m){case"start":return"…"+r.substring(r.length-n).trim();case"middle":return r.substring(0,n/2).trim()+"…"+r.substring(r.length-n/2).trim();case"end":return r.substring(0,n).trim()+"…";default:return r}}return!1}),[h,m,r,v]);l((function(){var n;a&&!g&&(null==x||null===(n=x.current)||void 0===n||n.focus())}),[g,o,a]);return A("span",{role:"option","aria-selected":a,"data-testid":"lg-combobox-chip",ref:o,className:S(co,zo({darkMode:b,size:d})),onClick:function(n){var o;null!==(o=x.current)&&void 0!==o&&o.contains(n.target)||s()},onKeyDown:function(n){g||n.keyCode!==E.Delete&&n.keyCode!==E.Backspace&&n.keyCode!==E.Enter&&n.keyCode!==E.Space||c()},tabIndex:-1},A("span",{className:So},y?A(W,{definition:r,align:"bottom"},y):r),A("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":g,disabled:g,ref:x,className:Do,onClick:function(){g||c()}},A(C,{glyph:"X"})))}));jo.displayName="Chip";var Io,Mo=function(n){return z(io||(io=B(["\n  --lg-combobox-group-label-color: ",";\n  --lg-combobox-group-border-color: ",";\n  padding-top: 8px;\n  border-bottom: 1px solid var(--lg-combobox-group-border-color);\n"])),n?j.gray.light1:j.gray.dark1,n?j.gray.dark1:j.gray.light1)},Eo=z(lo||(lo=B(["\n  cursor: default;\n  width: 100%;\n  padding: 0 12px 2px;\n  outline: none;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: bold;\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n  color: var(--lg-combobox-group-label-color);\n"])));function Po(o){var r=o.label,t=o.className,i=o.children,l=e(Wn).darkMode,a=h({prefix:"combobox-group"});return n.Children.count(i)>0?A("div",{className:S(Mo(l),t)},A("div",{className:Eo,id:a},r),A("div",{role:"group","aria-labelledby":a},i)):A(n.Fragment,null)}function To(n){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}To.displayName="ComboboxGroup";var Ao=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function Fo(o){var e=o.children,v=o.label,O=o.description,D=o.placeholder,M=void 0===D?"Select":D,T=o["aria-label"],F=o.disabled,L=void 0!==F&&F,R=o.size,W=void 0===R?rn:R,Z=o.darkMode,Y=void 0!==Z&&Z,$=o.state,tn=void 0===$?"none":$,ln=o.errorMessage,an=o.searchState,cn=void 0===an?"unset":an,sn=o.searchEmptyMessage,un=void 0===sn?"No results found":sn,bn=o.searchErrorMessage,dn=void 0===bn?"Could not get results!":bn,gn=o.searchLoadingMessage,pn=void 0===gn?"Loading results...":gn,mn=o.filteredOptions,fn=o.onFilter,hn=o.clearable,vn=void 0===hn||hn,xn=o.onClear,yn=o.overflow,wn=void 0===yn?"expand-y":yn,kn=o.multiselect,Cn=void 0!==kn&&kn,On=o.initialValue,Nn=o.onChange,zn=o.value,Sn=o.chipTruncationLocation,Dn=o.chipCharacterLimit,jn=void 0===Dn?12:Dn,In=o.className,Mn=o.usePortal,En=void 0===Mn||Mn,Pn=o.portalClassName,Tn=o.portalContainer,An=o.scrollContainer,Fn=o.popoverZIndex,Ln=V(o,Ao),Rn=x({prefix:"option"}),Gn=x({prefix:"chip"}),Bn=h({prefix:"combobox-input"}),Xn=h({prefix:"combobox-label"}),Zn=h({prefix:"combobox-menu"}),Yn=i(null),$n=i(null),Jn=i(null),Qn=i(null),_n=i(null),no=X(a(!1),2),oo=no[0],eo=no[1],ro=y(oo),to=X(a(null),2),io=to[0],lo=to[1],ao=X(a(null),2),co=ao[0],yo=ao[1],zo=y(co),So=X(a(""),2),Do=So[0],Mo=So[1],Eo=y(Do),To=X(a(null),2),Fo=To[0],Lo=To[1],Ro=!s(co)&&(c(co)&&co.length>0||u(co)),Wo=Cn&&c(co)&&co.length>0?void 0:M,Go=function(){return eo(!1)},Ho=function(){return eo(!0)},Ko=t((function(){return Vn(e)}),[e]),Uo=r((function(n){return!Cn||"string"!=typeof n&&"number"!=typeof n?!Cn&&c(n)&&P.error("Error in Combobox: multiselect is set to `false`, but recieved an Array value"):P.error("Error in Combobox: multiselect is set to `true`, but recieved a ".concat(H(n),' value: "').concat(n,'"')),Cn&&c(n)}),[Cn]),Vo=r((function(n){!L&&Qn&&Qn.current&&(Qn.current.focus(),b(n)||Qn.current.setSelectionRange(n,n))}),[L]),Bo=r((function(n){if(Uo(co)){var o=d(co);s(n)?o.length=0:co.includes(n)?o.splice(o.indexOf(n),1):(o.push(n),Mo("")),yo(o),null==Nn||Nn(o)}else{var e=n;yo(e),null==Nn||Nn(e)}}),[Uo,Nn,co]),Xo=r((function(n){return Uo(co)?co.includes(n):n===co}),[Uo,co]),Zo=r((function(n){var o,e,r,t,i=(e=Ko,(o=n)?null!==(r=null===(t=e.find((function(n){return n.displayName===o})))||void 0===t?void 0:t.value)&&void 0!==r?r:o:"");return Xo(i)}),[Ko,Xo]),Yo=r((function(n){var o="string"==typeof n?n:n.value;return mn&&mn.length>0?mn.includes(o):!!Zo(Do)||("string"==typeof n?Un(o,Ko):n.displayName).toLowerCase().includes(Do.toLowerCase())}),[mn,Zo,Do,Ko]),$o=t((function(){return Ko.filter(Yo)}),[Ko,Yo]),qo=r((function(n){return!!n&&!!Ko.find((function(o){return o.value===n}))}),[Ko]),Jo=r((function(n){return $o?$o.findIndex((function(o){return o.value===n})):-1}),[$o]),Qo=r((function(n){if($o&&$o.length>=n){var o=$o[n];return o?o.value:void 0}}),[$o]),_o=r((function(){return Uo(co)?co.findIndex((function(n){var o,e;return null===(o=Gn(n))||void 0===o||null===(e=o.current)||void 0===e?void 0:e.contains(document.activeElement)})):-1}),[Gn,Uo,co]),ne=X(a(),2),oe=ne[0],ee=ne[1],re=r((function(n){var o,e=null!==(o=null==$o?void 0:$o.length)&&void 0!==o?o:0,r=e-1>0?e-1:0,t=Jo(io);switch(n&&oo&&(Lo(null),Vo()),n){case"next":var i=Qo(t+1<e?t+1:0);lo(null!=i?i:null);break;case"prev":var l=Qo(t-1>=0?t-1:r);lo(null!=l?l:null);break;case"last":var a=Qo(r);lo(null!=a?a:null);break;default:var c=Qo(0);lo(null!=c?c:null)}}),[io,Jo,Qo,oo,Vo,null==$o?void 0:$o.length]),te=r((function(n,o){if(Uo(co))switch(n){case"next":var e=null!=o?o:_o(),r=e+1<co.length?e+1:co.length-1,t=co[r];Lo(t);break;case"prev":var i=null!=o?o:_o(),l=i>0?i-1:i<0?co.length-1:0,a=co[l];Lo(a);break;case"first":var c=co[0];Lo(c);break;case"last":var s=co[co.length-1];Lo(s);break;default:Lo(null)}}),[_o,Uo,co]),ie=r((function(n,o){switch(n&&lo(null),n){case"right":switch(oe){case q:var e,r,t;if((null===(e=Qn.current)||void 0===e?void 0:e.selectionEnd)===(null===(r=Qn.current)||void 0===r?void 0:r.value.length))null===(t=$n.current)||void 0===t||t.focus();break;case Q:case nn:case _:if(oe===_||1===(null==co?void 0:co.length)){Vo(0),te(null),o.preventDefault();break}te("next")}break;case"left":switch(oe){case J:var i;o.preventDefault(),Vo(null==Qn||null===(i=Qn.current)||void 0===i?void 0:i.value.length);break;case q:case nn:case _:if(Uo(co)){var l;if(oe===q&&0!==(null===(l=Qn.current)||void 0===l?void 0:l.selectionStart))break;te("prev")}}break;default:te(null)}}),[oe,Uo,co,Vo,te]);l((function(){Do!==Eo&&re("first")}),[Do,oo,Eo,re]),l((function(){if(io){var n=Rn(io);if(n&&n.current&&_n.current){var o=n.current.offsetTop,e=_n.current,r=e.scrollTop;(o>e.offsetHeight||o<r)&&(_n.current.scrollTop=o)}}}),[io,Rn]);var le=r((function(o){return n.Children.map(o,(function(n){if(I(n,"ComboboxOption")){var o=Hn(n.props),e=o.value,r=o.displayName;if(Yo(e)){var t=n.props,i=t.className,l=t.glyph,a=t.disabled,c=Ko.findIndex((function(n){return n.value===e})),s=io===e,u=Uo(co)?co.includes(e):co===e,b=Rn(e);return A(qn,{value:e,displayName:r,isFocused:s,isSelected:u,disabled:a,setSelected:function(){lo(e),Bo(e),Vo(),e===co&&Go()},glyph:l,className:i,index:c,ref:b})}}else if(I(n,"ComboboxGroup")){var d=le(n.props.children);if(d&&(null==d?void 0:d.length)>0)return A(Po,{label:n.props.label,className:n.props.className},le(d))}}))}),[Ko,io,Rn,Uo,Yo,co,Vo,Bo]),ae=t((function(){return le(e)}),[e,le]),ce=t((function(){if(Uo(co))return co.filter(qo).map((function(n,o){var e=Un(n,Ko),r=Fo===n,t=Gn(n),i=o>=co.length-1;return A(jo,{key:n,displayName:e,isFocused:r,onRemove:function(){i?(Vo(),te(null)):te("next",o),Bo(n)},onFocus:function(){Lo(n)},ref:t})}))}),[Uo,co,qo,Ko,Fo,Gn,Bo,Vo,te]),se=t((function(){return A(n.Fragment,null,vn&&Ro&&A(N,{"aria-label":"Clear selection","aria-disabled":L,disabled:L,ref:$n,onClick:function(n){L||(Bo(null),null==xn||xn(n),null==fn||fn(""),oo||Ho())},onFocus:xe,className:S(fo,ho)},A(C,{glyph:"XWithCircle"})),A(C,"error"===tn?{glyph:"Warning",color:j.red.base,className:xo}:{glyph:"CaretDown",className:xo}))}),[vn,Ro,L,tn,Bo,xn,fn,oo]),ue=t((function(){return Ko.some((function(n){return n.hasGlyph}))}),[Ko]),be=r((function(){if(!Uo(co)&&co===zo){var n=$o.find((function(n){return n.displayName===Do||n.value===Do}));if(n&&!zn)yo(n.value);else{var o,e=null!==(o=Un(co,Ko))&&void 0!==o?o:"";Mo(e)}}}),[Ko,Do,Uo,zo,co,zn,$o]),de=r((function(){if(Ro){if(Uo(co))ke();else if(!Uo(co)){var n,o=null!==(n=Un(co,Ko))&&void 0!==n?n:"";Mo(o),Go()}}else Mo("")}),[Ro,Ko,Uo,co]);l((function(){if(On)if(c(On)){var n,o=null!==(n=On.filter((function(n){return qo(n)})))&&void 0!==n?n:[];yo(o)}else qo(On)&&yo(On);else yo(function(n){return n?[]:null}(Cn))}),[]),l((function(){if(!b(zn)&&zn!==Eo)if(s(zn))yo(null);else if(Uo(zn)){var n=zn.filter(qo);yo(n)}else yo(qo(zn)?zn:null)}),[Uo,qo,Eo,zn]),l((function(){g(co,zo)||de()}),[de,zo,co]),l((function(){!oo&&ro&&be()}),[oo,ro,be]);var ge=X(a(0),2),pe=ge[0],me=ge[1];l((function(){var n,o;me(null!==(n=null===(o=Yn.current)||void 0===o?void 0:o.clientWidth)&&void 0!==n?n:0)}),[Yn,oo,io,co]);var fe=t((function(){switch(cn){case"loading":return A("span",{className:No},A(C,{glyph:"Refresh",color:j.blue.base,className:wo}),pn);case"error":return A("span",{className:No},A(C,{glyph:"Warning",color:j.red.base}),dn);default:return ae&&ae.length>0?A("ul",{className:Oo},ae):A("span",{className:No},un)}}),[ae,un,dn,pn,cn]),he=w(Yn),ve=b(he)?"unset":"".concat(Math.min(he,256),"px"),xe=function(){lo(null)};k("mousedown",(function(n){we(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:oo}),k("click",(function(n){we(n)||(n.stopPropagation(),Go())}),{options:{capture:!0},enabled:oo});var ye=function(n){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?G(Object(e),!0).forEach((function(o){K(n,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):G(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}({popoverZIndex:Fn},En?{usePortal:En,portalClassName:Pn,portalContainer:Tn,scrollContainer:An}:{usePortal:En});return A(Wn.Provider,{value:{multiselect:Cn,darkMode:Y,size:W,withIcons:ue,disabled:L,chipTruncationLocation:Sn,chipCharacterLimit:jn,inputValue:Do}},A("div",U({className:S(uo({darkMode:Y,size:W,overflow:wn}),In)},Ln),A("div",null,v&&A(p,{id:Xn,htmlFor:Bn,className:so},v),O&&A(m,{className:so},O)),A("div",{ref:Yn,role:"combobox","aria-expanded":oo,"aria-controls":Zn,"aria-owns":Zn,tabIndex:-1,className:S(bo,K({},go,oe===q)),onMouseDown:function(n){L&&n.preventDefault()},onClick:function(n){if(n.target!==Qn.current){var o=0;if(Qn.current)o=n.nativeEvent.offsetX>Qn.current.offsetLeft+Qn.current.clientWidth?Do.length:0;Vo(o)}},onFocus:function(n){ke(),Ho(),ee(function(n){var o,e,r,t;if(!n)return;if(null!==(o=Qn.current)&&void 0!==o&&o.contains(n))return q;if(null!==(e=$n.current)&&void 0!==e&&e.contains(n))return J;var i=Uo(co)?co.findIndex((function(o){var e,r;return null===(e=Gn(o))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(n)})):-1;if(Uo(co)){if(0===i)return Q;if(i===co.length-1)return _;if(i>0)return nn}if(null!==(r=_n.current)&&void 0!==r&&r.contains(n))return en;if(null!==(t=Yn.current)&&void 0!==t&&t.contains(n))return on}(n.target))},onKeyDown:function(n){var o,e,r=null===(o=_n.current)||void 0===o?void 0:o.contains(document.activeElement);if((null===(e=Yn.current)||void 0===e?void 0:e.contains(document.activeElement))||r){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case E.Tab:switch(oe){case"Input":Ro||(Go(),re("first"),te(null));break;case"LastChip":te(null)}break;case E.Escape:Go(),re("first");break;case E.Enter:!oo||oe!==q||s(io)||function(n){if("string"==typeof n){var o=Kn(n,Ko);return!(null==o||!o.isDisabled)}return!!n.isDisabled}(io)?oe===J&&(Bo(null),Vo()):Bo(io);break;case E.Backspace:var t;if(Uo(co))"Input"===oe&&0===(null===(t=Qn.current)||void 0===t?void 0:t.selectionStart)&&te("last");Ho();break;case E.ArrowDown:oo?(n.preventDefault(),re("next")):Ho();break;case E.ArrowUp:oo?(n.preventDefault(),re("prev")):Ho();break;case E.ArrowRight:ie("right",n);break;case E.ArrowLeft:ie("left",n);break;default:oo||Ho()}}},onTransitionEnd:function(){var n,o;me(null!==(n=null===(o=Yn.current)||void 0===o?void 0:o.clientWidth)&&void 0!==n?n:0)},"data-disabled":L,"data-state":tn},A("div",{ref:Jn,className:po({overflow:wn,isOpen:oo,selection:co,size:W,value:Do})},ce,A("input",{"aria-label":null!=T?T:v,"aria-autocomplete":"list","aria-controls":Zn,"aria-labelledby":Xn,ref:Qn,id:Bn,className:mo,placeholder:Wo,disabled:null!=L?L:void 0,onChange:function(n){var o=n.target.value;Mo(o),null==fn||fn(o)},value:Do,autoComplete:"off"})),se),"error"===tn&&ln&&A("div",{className:vo},ln),A(f,U({active:oo&&!L,spacing:4,align:"bottom",justify:"middle",refEl:Yn,adjustOnMutation:!0,className:ko({darkMode:Y,size:W,width:pe})},ye),A("div",{id:Zn,role:"listbox","aria-labelledby":Xn,"aria-expanded":oo,ref:_n,className:S(Co,z(Io||(Io=B(["\n                max-height: ",";\n              "])),ve)),onMouseDownCapture:function(n){return n.preventDefault()}},fe))));function we(n){var o,e,r=n.target;return(null===(o=_n.current)||void 0===o?void 0:o.contains(r))||(null===(e=Yn.current)||void 0===e?void 0:e.contains(r))||!1}function ke(){Jn&&Jn.current&&(Jn.current.scrollLeft=Jn.current.scrollWidth)}}export{Fo as Combobox,To as ComboboxGroup,Jn as ComboboxOption};
+import n from"lodash/clone";import e from"lodash/isArray";import r from"lodash/isEqual";import o from"lodash/isNull";import t from"lodash/isString";import i from"lodash/isUndefined";import a,{createContext as l,useContext as c,useCallback as s,useMemo as u,useRef as d,useEffect as p,useState as f}from"react";import{Label as h,Description as g}from"@leafygreen-ui/typography";import{useIdAllocator as b,useForwardedRef as m,useAvailableSpace as v,useDynamicRefs as y,usePrevious as x,useEventListener as w}from"@leafygreen-ui/hooks";import k,{isComponentGlyph as C}from"@leafygreen-ui/icon";import N from"@leafygreen-ui/icon-button";import{css as O,cx as S,keyframes as z}from"@leafygreen-ui/emotion";import{palette as M}from"@leafygreen-ui/palette";import{isComponentType as E,createUniqueClassName as j,keyMap as I,consoleOnce as D}from"@leafygreen-ui/lib";import P from"lodash/escapeRegExp";import{jsx as L}from"@emotion/react";import A from"lodash/kebabCase";import F from"@leafygreen-ui/checkbox";import{typeScales as T,spacing as H,fontFamilies as R,hoverRing as W,focusRing as G}from"@leafygreen-ui/tokens";import{transparentize as K}from"polished";import U from"@leafygreen-ui/inline-definition";import V from"@leafygreen-ui/popover";function B(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,o)}return r}function X(n){return X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},X(n)}function Z(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function q(){return q=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o])}return n},q.apply(this,arguments)}function Y(n,e){if(null==n)return{};var r,o,t=function(n,e){if(null==n)return{};var r,o,t={},i=Object.keys(n);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(t[r]=n[r]);return t}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(t[r]=n[r])}return t}function $(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function J(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==r)return;var o,t,i=[],a=!0,l=!1;try{for(r=r.call(n);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(n){l=!0,t=n}finally{try{a||null==r.return||r.return()}finally{if(l)throw t}}return i}(n,e)||_(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(n){return function(n){if(Array.isArray(n))return nn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||_(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(n,e){if(n){if("string"==typeof n)return nn(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?nn(n,e):void 0}}function nn(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=n[r];return o}var en="dark",rn="light",on="Input",tn="ClearButton",an="FirstChip",ln="LastChip",cn="MiddleChip",sn="Combobox",un="Menu",dn="default",pn="large",fn="expand-y",hn="expand-x",gn="scroll-x",bn="error";var mn,vn,yn,xn,wn,kn,Cn,Nn,On,Sn,zn,Mn,En,jn,In,Dn,Pn,Ln,An,Fn,Tn,Hn,Rn,Wn,Gn,Kn,Un,Vn,Bn,Xn,Zn,qn,Yn,$n=function(n,e,r){if(e&&r){var o=P(e),t=new RegExp(o,"gi"),i=n.matchAll(t);if(i){for(var l=n.split(""),c=0,s=Array.from(i);c<s.length;c++){var u,d=s[c],p=null!==(u=d.index)&&void 0!==u?u:-1,f=d[0],h=f.length,g=p+f+h,b=new Array(h).fill("");b[0]=a.createElement(r,{key:g},f),l.splice.apply(l,[p,h].concat(Q(b)))}return L(a.Fragment,null,l)}return L(a.Fragment,null,n)}return L(a.Fragment,null,n)},Jn=function(n){var e,r=n.value,o=n.displayName;return{value:null!=r?r:A(o),displayName:null!==(e=null!=o?o:r)&&void 0!==e?e:""}},Qn=function(n,e){if(n)return e.find((function(e){return e.value===n}))},_n=function(n,e){var r,o;return n?null!==(r=null===(o=Qn(n,e))||void 0===o?void 0:o.displayName)&&void 0!==r?r:n:""},ne=function n(e){return a.Children.toArray(e).reduce((function(e,r){if(E(r,"ComboboxOption")){var o=Jn(r.props),t=o.value,i=o.displayName,a=r.props,l=a.glyph,c=a.disabled;return[].concat(Q(e),[{value:t,displayName:i,isDisabled:!!c,hasGlyph:!!l}])}if(E(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(Q(e),Q(n(s)))}}),[])},ee=l({multiselect:!1,darkMode:!1,size:dn,withIcons:!1,disabled:!1,isOpen:!1,state:"none",searchState:"unset"}),re=function(n){return n?en:rn},oe=(Z(yn={},rn,O(mn||(mn=$(["\n    padding-top: 8px;\n  "])))),Z(yn,en,O(vn||(vn=$(["\n    padding-top: 8px;\n  "])))),yn),te=O(xn||(xn=$(["\n  cursor: default;\n  width: 100%;\n  padding: 0 12px 2px;\n  outline: none;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: bold;\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n"]))),ie=(Z(Cn={},rn,O(wn||(wn=$(["\n    color: ",";\n  "])),M.gray.dark1)),Z(Cn,en,O(kn||(kn=$(["\n    color: ",";\n  "])),M.gray.light1)),Cn);function ae(n){var e=n.label,r=n.className,o=n.children,t=c(ee).darkMode,i=re(t),l=b({prefix:"combobox-group"});return a.Children.count(o)>0?L("div",{className:S(oe[i],r)},L("div",{className:S(te,ie[i]),id:l},e),L("div",{role:"group","aria-labelledby":l},o)):L(a.Fragment,null)}function le(n){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}le.displayName="ComboboxGroup";var ce=(Z(Nn={},dn,{x:12,y:8}),Z(Nn,pn,{x:12,y:8}),Nn),se=(Z(On={},dn,T.body1.lineHeight+2*ce[dn].y),Z(On,pn,T.body2.lineHeight+2*ce[pn].y),On),ue=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return O(Sn||(Sn=$(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),n)},de=(Z(En={},rn,O(zn||(zn=$(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),K(.85,M.black),M.gray.light2)),Z(En,en,O(Mn||(Mn=$(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),K(.85,M.black),M.gray.dark3)),En),pe=O(jn||(jn=$(["\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: ","px 0;\n  font-family: ",";\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"])),H[2],R.default),fe=(Z(Pn={},rn,O(In||(In=$(["\n    color: ",";\n    background-color: ",";\n  "])),M.black,M.white)),Z(Pn,en,O(Dn||(Dn=$(["\n    color: ",";\n    background-color: ",";\n  "])),M.gray.light1,M.gray.dark3)),Pn);Z(Fn={},dn,O(Ln||(Ln=$(["\n    min-height: ","px;\n  "])),se[dn])),Z(Fn,pn,O(An||(An=$(["\n    min-height: ","px;\n  "])),se[pn]));var he=O(Tn||(Tn=$(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),ge=O(Hn||(Hn=$(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),be=(Z(Gn={},rn,O(Rn||(Rn=$(["\n    color: ",";\n  "])),M.gray.dark3)),Z(Gn,en,O(Wn||(Wn=$(["\n    color: ",";\n  "])),M.gray.light3)),Gn),me=(Z(Vn={},dn,O(Kn||(Kn=$(["\n    font-size: ","px;\n    line-height: ","px;\n    padding: ","px\n      ","px;\n  "])),T.body1.fontSize,T.body1.lineHeight,ce[dn].y,ce[dn].x)),Z(Vn,pn,O(Un||(Un=$(["\n    font-size: ","px;\n    line-height: ","px;\n    padding: ","px\n      ","px;\n  "])),T.body2.fontSize,T.body2.lineHeight,ce[pn].y,ce[pn].x)),Vn);Z(Zn={},dn,O(Bn||(Bn=$(["\n    height: ","px;\n    width: ","px;\n  "])),T.body1.fontSize,T.body1.fontSize)),Z(Zn,pn,O(Xn||(Xn=$(["\n    height: ","px;\n    width: ","px;\n  "])),T.body2.fontSize,T.body2.fontSize));var ve,ye,xe,we,ke,Ce,Ne,Oe,Se,ze,Me,Ee,je,Ie,De,Pe,Le,Ae,Fe,Te,He,Re,We,Ge,Ke,Ue,Ve,Be,Xe,Ze,qe,Ye,$e,Je,Qe,_e,nr,er,rr,or,tr,ir,ar,lr,cr,sr,ur,dr,pr,fr,hr,gr,br,mr,vr,yr,xr,wr,kr,Cr,Nr,Or,Sr,zr,Mr,Er,jr=z(qn||(qn=$(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),Ir=O(Yn||(Yn=$(["\n  animation: "," 1.5s linear infinite;\n"])),jr),Dr=O(ve||(ve=$(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  list-style: none;\n  color: inherit;\n  cursor: pointer;\n  overflow: hidden;\n  font-family: ",";\n\n  // Left wedge\n  &:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    width: 4px;\n    height: calc(100% - 14px);\n    background-color: rgba(255, 255, 255, 0);\n    border-radius: 0 6px 6px 0;\n    transform: scale3d(0, 0.3, 0);\n    transition: 200ms ease-in-out;\n    transition-property: transform, background-color;\n  }\n"])),R.default),Pr=(Z(we={},rn,O(ye||(ye=$(["\n    &:hover {\n      outline: none;\n      background-color: ",";\n    }\n  "])),M.gray.light2)),Z(we,en,O(xe||(xe=$(["\n    &:hover {\n      outline: none;\n      background-color: ",";\n    }\n  "])),M.gray.dark4)),we),Lr=(Z(Ne={},dn,O(ke||(ke=$(["\n    font-size: ","px;\n    line-height: ","px;\n    min-height: ","px;\n    padding: ","px\n      ","px;\n    gap: ","px;\n\n    &:before {\n      max-height: ","px;\n    }\n  "])),T.body1.fontSize,T.body1.lineHeight,se[dn],ce[dn].y,ce[dn].x,H[1],se[dn])),Z(Ne,pn,O(Ce||(Ce=$(["\n    font-size: ","px;\n    line-height: ","px;\n    min-height: ","px;\n    padding: ","px\n      ","px;\n    gap: ","px;\n\n    &:before {\n      max-height: ","px;\n    }\n  "])),T.body2.fontSize,T.body2.lineHeight,se[pn],ce[pn].y,ce[pn].x,H[2],se[pn])),Ne),Ar=O(Oe||(Oe=$(["\n  outline: none;\n\n  &:before {\n    transform: scaleY(1);\n  }\n"]))),Fr=(Z(Me={},rn,O(Se||(Se=$(["\n    ",";\n    background-color: ",";\n\n    &:before {\n      background-color: ",";\n    }\n  "])),Ar,M.blue.light3,M.blue.base)),Z(Me,en,O(ze||(ze=$(["\n    ",";\n    background-color: ",";\n\n    &:before {\n      background-color: ",";\n    }\n  "])),Ar,M.blue.dark3,M.blue.light1)),Me),Tr=O(Ee||(Ee=$(["\n  cursor: not-allowed;\n\n  &:hover {\n    background-color: inherit;\n  }\n\n  &:before {\n    content: unset;\n  }\n"]))),Hr=(Z(De={},rn,O(je||(je=$(["\n    ",";\n    color: ",";\n  "])),Tr,M.gray.light1)),Z(De,en,O(Ie||(Ie=$(["\n    ",";\n    color: ",";\n  "])),Tr,M.gray.dark1)),De),Rr=(Z(Ae={},dn,O(Pe||(Pe=$(["\n    min-width: ","px;\n  "])),H[3])),Z(Ae,pn,O(Le||(Le=$(["\n    min-width: ","px;\n  "])),H[4])),Ae),Wr=O(Fe||(Fe=$(["\n  display: inline-flex;\n  gap: 8px;\n  justify-content: start;\n  align-items: inherit;\n  overflow-wrap: anywhere;\n"]))),Gr=O(Te||(Te=$(["\n  pointer-events: none;\n"]))),Kr=function(n){return O(He||(He=$(["\n  font-weight: ",";\n"])),n?"bold":"normal")},Ur=a.forwardRef((function(n,e){var r,o=n.displayName,t=n.glyph,i=n.isSelected,l=n.isFocused,d=n.disabled,p=n.setSelected,f=n.className,h=c(ee),g=h.multiselect,v=h.darkMode,y=h.withIcons,x=h.inputValue,w=h.size,N=re(v),z=b({prefix:"combobox-option-text"}),j=m(e,null),I=s((function(n){n.stopPropagation(),d||n.target!==j.current&&"INPUT"!==n.target.tagName||p()}),[d,j,p]),D=u((function(){if(t){if(C(t)||E(t,"Icon"))return t;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",t)}}),[t]),P=u((function(){if(g){var n=L(F,{"aria-labelledby":z,checked:i,tabIndex:-1,disabled:d,darkMode:v,className:O(Re||(Re=$(["\n              // TODO: Remove when this is resolved:\n              // https://jira.mongodb.org/browse/PD-2171\n              & > label > div {\n                margin-top: 0;\n              }\n            "])))});return L(a.Fragment,null,L("span",{className:S(Wr,Gr)},y?D:n,L("span",{id:z,className:Kr(i)},$n(o,x,"strong"))),y&&n)}return L(a.Fragment,null,L("span",{className:S(Wr,Gr)},D,L("span",{className:Kr(i)},$n(o,x,"strong"))),i&&L(k,{glyph:"Checkmark",className:Rr[w],color:v?M.blue.light1:M.blue.base}))}),[g,D,i,o,x,w,v,z,d,y]);return L("li",{ref:j,role:"option","aria-selected":l,"aria-label":o,tabIndex:-1,className:S(Dr,Lr[w],Pr[N],(r={},Z(r,Fr[N],l),Z(r,Hr[N],d),r),f),onClick:I,onKeyDown:I},P)}));function Vr(n){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Ur.displayName="ComboboxOption",Vr.displayName="ComboboxOption";var Br,Xr,Zr,qr,Yr,$r,Jr,Qr,_r,no,eo,ro,oo,to,io,ao,lo,co,so,uo,po,fo=(Z(We={},dn,T.body1.fontSize),Z(We,pn,T.body2.fontSize),We),ho=(Z(Ge={},dn,2),Z(Ge,pn,4),Ge),go=(Z(Ke={},dn,T.body1.lineHeight+2*ho[dn]),Z(Ke,pn,T.body2.lineHeight+2*ho[pn]),Ke),bo=(Z(Ue={},dn,{y:(36-go[dn]-2)/2,x:H[2]-1}),Z(Ue,pn,{y:(48-go[pn]-2)/2,x:H[2]-1}),Ue),mo=H[3],vo=(Z(Ve={},dn,fo[dn]+2*bo[dn].x+mo+2),Z(Ve,pn,fo[pn]+2*bo[pn].x+mo+2),Ve),yo=j("combobox-chip"),xo=function(n,e){return S(O(Be||(Be=$(["\n      font-family: ",";\n      width: 100%;\n      min-width: ","px;\n    "])),R.default,vo[n]),Z({},O(Xe||(Xe=$(["\n        width: unset;\n      "]))),e===hn))},wo=O(Ze||(Ze=$(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  cursor: text;\n  transition: 150ms ease-in-out;\n  transition-property: background-color, box-shadow, border-color;\n  border: 1px solid;\n  width: inherit;\n  border-radius: 6px;\n"]))),ko=(Z($e={},rn,O(qe||(qe=$(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n\n    &:hover {\n      box-shadow: ",";\n    }\n  "])),M.gray.dark3,M.white,M.gray.base,W[rn].gray)),Z($e,en,O(Ye||(Ye=$(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n\n    &:hover {\n      box-shadow: ",";\n    }\n  "])),M.gray.light2,M.gray.dark4,M.gray.base,W[en].gray)),$e),Co=function(n){return O(Je||(Je=$(["\n  padding: ","px ","px;\n"])),bo[n].y,bo[n].x)},No=(Z(nr={},rn,O(Qe||(Qe=$(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),M.gray.dark1,M.gray.light2,M.gray.light1)),Z(nr,en,O(_e||(_e=$(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),M.gray.dark1,M.gray.dark3,M.gray.dark2)),nr),Oo=(Z(or={},rn,O(er||(er=$(["\n    border-color: ",";\n  "])),M.red.base)),Z(or,en,O(rr||(rr=$(["\n    border-color: ",";\n  "])),M.red.light1)),or),So=(Z(ar={},rn,O(tr||(tr=$(["\n    &:focus-within {\n      border-color: transparent;\n      background-color: ",";\n      box-shadow: ",";\n    }\n  "])),M.white,G[rn].input)),Z(ar,en,O(ir||(ir=$(["\n    &:focus-within {\n      border-color: transparent;\n      background-color: ",";\n      box-shadow: ",";\n    }\n  "])),M.gray.dark4,G[en].input)),ar),zo=function(n){var e=n.overflow,r=n.size,o=O(lr||(lr=$(["\n    flex-grow: 1;\n    width: inherit;\n  "])));switch(e){case gn:return O(cr||(cr=$(["\n        ","\n        display: block;\n        height: ","px;\n        padding-left: ","px;\n        white-space: nowrap;\n        overflow-x: scroll;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n\n        & > ."," {\n          margin-inline: 2px;\n\n          &:first-child {\n            margin-inline-start: 0;\n          }\n\n          &:last-child {\n            margin-inline-end: 0;\n          }\n        }\n      "])),o,go[r],bo[r].x,yo);case hn:return O(sr||(sr=$(["\n        ","\n        display: flex;\n        gap: 4px;\n        flex-wrap: nowrap;\n        white-space: nowrap;\n        height: ","px;\n      "])),o,go[r]);case fn:return O(ur||(ur=$(["\n        ","\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n        overflow-x: visible;\n        min-height: ","px;\n      "])),o,go[r])}},Mo=O(dr||(dr=$(["\n  font-family: ",";\n  width: 100%;\n  border: none;\n  cursor: inherit;\n  background-color: inherit;\n  color: inherit;\n  box-sizing: content-box;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n\n  &:placeholder-shown {\n    min-width: 100%;\n  }\n  &:focus {\n    outline: none;\n  }\n"])),R.default),Eo=(Z(hr={},rn,O(pr||(pr=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),M.gray.dark1)),Z(hr,en,O(fr||(fr=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),M.gray.light1)),hr),jo=(Z(mr={},dn,O(gr||(gr=$(["\n    height: ","px;\n    font-size: ","px;\n    line-height: ","px;\n    min-width: ","px;\n    padding-left: 4px;\n  "])),go[dn],T.body1.fontSize,T.body1.lineHeight,fo[dn])),Z(mr,pn,O(br||(br=$(["\n    height: ","px;\n    font-size: ","px;\n    line-height: ","px;\n    min-width: ","px;\n    padding-left: 6px;\n  "])),go[pn],T.body2.fontSize,T.body2.lineHeight,fo[pn])),mr),Io=function(n,e){return S(Z({},O(vr||(vr=$(["\n      /*\n    * Immediate transition in, slow transition out. \n    * '-in' transition is handled by `scroll-behavior` \n    */\n      transition: width ease-in-out ",";\n    "],["\n      /*\n    * Immediate transition in, slow transition out. \n    * '-in' transition is handled by \\`scroll-behavior\\` \n    */\n      transition: width ease-in-out ",";\n    "])),n?"0s":"100ms"),e!==hn))},Do=function(n,e){var r,o=null!==(r=null==e?void 0:e.length)&&void 0!==r?r:0;return O(yr||(yr=$(["\n    max-width: 100%;\n    width: ","px;\n    // TODO: This doesn't quite work. Fix this\n    max-width: calc(100% - ","px);\n  "])),o*fo[n],2*mo)},Po=function(n){return"object"===X(n)&&!o(n)&&n.length>0?O(xr||(xr=$(["\n      padding-left: 0px;\n    "]))):""},Lo=O(wr||(wr=$(["\n  // Add a negative margin so the button takes up the same space as the regular icons\n  margin-block: calc(","px - 100%);\n"])),mo/2),Ao=function(n){return O(kr||(kr=$(["\n  height: ","px;\n  width: ","px;\n  margin-inline-end: calc(","px / 2);\n"])),mo,mo,bo[n].x)},Fo=(Z(Or={},rn,O(Cr||(Cr=$(["\n    color: ",";\n  "])),M.red.base)),Z(Or,en,O(Nr||(Nr=$(["\n    color: ",";\n  "])),M.red.light1)),Or),To=(Z(Mr={},dn,O(Sr||(Sr=$(["\n    font-size: ","px;\n    line-height: ","px;\n    padding-top: ","px;\n  "])),T.body1.fontSize,T.body1.lineHeight,bo[dn].y)),Z(Mr,pn,O(zr||(zr=$(["\n    font-size: ","px;\n    line-height: ","px;\n    padding-top: ","px;\n  "])),T.body2.fontSize,T.body2.lineHeight,bo[pn].y)),Mr),Ho=O(Er||(Er=$(["\n  margin-bottom: 2px;\n"]))),Ro=O(Br||(Br=$(["\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  white-space: nowrap;\n  box-sizing: border-box;\n"]))),Wo=(Z(qr={},dn,O(Xr||(Xr=$(["\n    font-size: ","px;\n    line-height: ","px;\n    border-radius: 4px;\n  "])),T.body1.fontSize,T.body1.lineHeight)),Z(qr,pn,O(Zr||(Zr=$(["\n    font-size: ","px;\n    line-height: ","px;\n    border-radius: 4px;\n  "])),T.body2.fontSize,T.body2.lineHeight)),qr),Go=(Z(Jr={},rn,O(Yr||(Yr=$(["\n    color: ",";\n    background-color: ",";\n\n    // TODO: - refine these styles with Design\n    &:focus-within {\n      background-color: ",";\n    }\n  "])),M.black,M.gray.light2,M.blue.light2)),Z(Jr,en,O($r||($r=$(["\n    color: ",";\n    background-color: ",";\n\n    &:focus-within {\n      background-color: ",";\n    }\n  "])),M.gray.light2,M.gray.dark2,M.blue.dark2)),Jr),Ko=(Z(no={},rn,O(Qr||(Qr=$(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n  "])),M.gray.base,M.gray.light3)),Z(no,en,O(_r||(_r=$(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    box-shadow: inset 0 0 1px 1px ","; ;\n  "])),M.gray.dark2,M.gray.dark4,M.gray.dark2)),no),Uo=(Z(oo={},dn,O(eo||(eo=$(["\n    padding-inline: 6px;\n    padding-block: ","px;\n  "])),ho[dn])),Z(oo,pn,O(ro||(ro=$(["\n    padding-inline: 10px;\n    padding-block: ","px;\n  "])),ho[pn])),oo),Vo=O(to||(to=$(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 100ms ease-in-out;\n"]))),Bo=(Z(lo={},rn,O(io||(io=$(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n      background-color: ",";\n    }\n  "])),M.gray.dark2,M.black,M.gray.light1)),Z(lo,en,O(ao||(ao=$(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n      background-color: ",";\n    }\n  "])),M.gray.light1,M.gray.light3,M.gray.dark1)),lo),Xo=(Z(uo={},rn,O(co||(co=$(["\n    cursor: not-allowed;\n    color: ",";\n    &:hover {\n      color: inherit;\n      background-color: unset;\n    }\n  "])),M.gray.dark2)),Z(uo,en,O(so||(so=$(["\n    cursor: not-allowed;\n    color: ",";\n    &:hover {\n      color: inherit;\n      background-color: unset;\n    }\n  "])),M.gray.dark2)),uo),Zo=a.forwardRef((function(n,e){var r=n.displayName,o=n.isFocused,t=n.onRemove,i=n.onFocus,a=c(ee),l=a.darkMode,s=a.size,f=a.disabled,h=a.chipTruncationLocation,g=void 0===h?"end":h,b=a.chipCharacterLimit,m=void 0===b?12:b,v=re(l),y=!!m&&!!g&&"none"!==g&&r.length>m,x=d(null),w=u((function(){if(y){var n=m-3;switch(g){case"start":return"…"+r.substring(r.length-n).trim();case"middle":return r.substring(0,n/2).trim()+"…"+r.substring(r.length-n/2).trim();case"end":return r.substring(0,n).trim()+"…";default:return r}}return!1}),[m,g,r,y]);p((function(){var n;o&&!f&&(null==x||null===(n=x.current)||void 0===n||n.focus())}),[f,e,o]);return L("span",{role:"option","aria-selected":o,"data-testid":"lg-combobox-chip",ref:e,className:S(yo,Ro,Go[v],Wo[s],Z({},Ko[v],f)),onClick:function(n){var e;null!==(e=x.current)&&void 0!==e&&e.contains(n.target)||i()},onKeyDown:function(n){f||n.keyCode!==I.Delete&&n.keyCode!==I.Backspace&&n.keyCode!==I.Enter&&n.keyCode!==I.Space||t()},tabIndex:-1},L("span",{className:S(Uo[s])},w?L(U,{darkMode:l,definition:r,align:"bottom"},w):r),L("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":f,disabled:f,ref:x,className:S(Vo,Bo[v],Z({},Xo[v],f)),onClick:function(){f||t()}},L(k,{glyph:"X"})))}));Zo.displayName="Chip";var qo=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Yo=a.forwardRef((function(n,e){var r=n.children,o=n.id,t=n.refEl,a=n.labelId,l=n.menuWidth,s=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,f=Y(n,qo),h=c(ee),g=h.disabled,b=h.darkMode,y=h.size,x=h.isOpen,w=h.searchState,C=m(e,null),N=re(b),z=v(t),E=i(z)?"unset":"".concat(Math.min(z,256),"px"),j=u((function(){var n=S(ge,be[N],me[y]);switch(w){case"loading":return L("span",{className:n},L(k,{glyph:"Refresh",color:b?M.blue.light1:M.blue.base,className:Ir}),s);case"error":return L("span",{className:n},L(k,{glyph:"Warning",color:b?M.red.light1:M.red.base}),d);default:return r&&"object"===X(r)&&"length"in r&&r.length>0?L("ul",{className:he},r):L("span",{className:n},p)}}),[N,y,w,b,s,d,r,p]);return L(V,q({active:x&&!g,spacing:4,align:"bottom",justify:"middle",refEl:t,adjustOnMutation:!0,className:S(ue(l),de[N])},f),L("div",{ref:C,id:o,role:"listbox","aria-labelledby":a,"aria-expanded":x,className:S(pe,fe[N],O(po||(po=$(["\n              max-height: ",";\n            "])),E)),onMouseDownCapture:function(n){return n.preventDefault()}},j))}));Yo.displayName="ComboboxMenu";var $o=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function Jo(l){var c,m,v=l.children,C=l.label,O=l.description,z=l.placeholder,j=void 0===z?"Select":z,P=l["aria-label"],A=l.disabled,F=void 0!==A&&A,T=l.size,H=void 0===T?dn:T,R=l.darkMode,W=void 0!==R&&R,G=l.state,K=void 0===G?"none":G,U=l.errorMessage,V=l.searchState,$=void 0===V?"unset":V,Q=l.searchEmptyMessage,_=void 0===Q?"No results found":Q,nn=l.searchErrorMessage,en=void 0===nn?"Could not get results!":nn,rn=l.searchLoadingMessage,pn=void 0===rn?"Loading results...":rn,fn=l.filteredOptions,hn=l.onFilter,gn=l.clearable,mn=void 0===gn||gn,vn=l.onClear,yn=l.overflow,xn=void 0===yn?"expand-y":yn,wn=l.multiselect,kn=void 0!==wn&&wn,Cn=l.initialValue,Nn=l.onChange,On=l.value,Sn=l.chipTruncationLocation,zn=l.chipCharacterLimit,Mn=void 0===zn?12:zn,En=l.className,jn=l.usePortal,In=void 0===jn||jn,Dn=l.portalClassName,Pn=l.portalContainer,Ln=l.scrollContainer,An=l.popoverZIndex,Fn=Y(l,$o),Tn=re(W),Hn=y({prefix:"option"}),Rn=y({prefix:"chip"}),Wn=b({prefix:"combobox-input"}),Gn=b({prefix:"combobox-label"}),Kn=b({prefix:"combobox-menu"}),Un=d(null),Vn=d(null),Bn=d(null),Xn=d(null),Zn=d(null),qn=J(f(!1),2),Yn=qn[0],$n=qn[1],oe=x(Yn),te=J(f(null),2),ie=te[0],le=te[1],ce=J(f(null),2),se=ce[0],ue=ce[1],de=x(se),pe=J(f(""),2),fe=pe[0],he=pe[1],ge=x(fe),be=J(f(null),2),me=be[0],ve=be[1],ye=!o(se)&&(e(se)&&se.length>0||t(se)),xe=kn&&e(se)&&se.length>0?void 0:j,we=function(){return $n(!1)},ke=function(){return $n(!0)},Ce=u((function(){return ne(v)}),[v]),Ne=s((function(n){return!kn||"string"!=typeof n&&"number"!=typeof n?!kn&&e(n)&&D.error("Error in Combobox: multiselect is set to `false`, but recieved an Array value"):D.error("Error in Combobox: multiselect is set to `true`, but recieved a ".concat(X(n),' value: "').concat(n,'"')),kn&&e(n)}),[kn]),Oe=s((function(n){!F&&Xn&&Xn.current&&(Xn.current.focus(),i(n)||Xn.current.setSelectionRange(n,n))}),[F]),Se=s((function(e){if(Ne(se)){var r=n(se);o(e)?r.length=0:se.includes(e)?r.splice(r.indexOf(e),1):(r.push(e),he("")),ue(r),null==Nn||Nn(r)}else{var t=e;ue(t),null==Nn||Nn(t)}}),[Ne,Nn,se]),ze=s((function(n){return Ne(se)?se.includes(n):n===se}),[Ne,se]),Me=s((function(n){var e,r,o,t,i=(r=Ce,(e=n)?null!==(o=null===(t=r.find((function(n){return n.displayName===e})))||void 0===t?void 0:t.value)&&void 0!==o?o:e:"");return ze(i)}),[Ce,ze]),Ee=s((function(n){var e="string"==typeof n?n:n.value;return fn&&fn.length>0?fn.includes(e):!!Me(fe)||("string"==typeof n?_n(e,Ce):n.displayName).toLowerCase().includes(fe.toLowerCase())}),[fn,Me,fe,Ce]),je=u((function(){return Ce.filter(Ee)}),[Ce,Ee]),Ie=s((function(n){return!!n&&!!Ce.find((function(e){return e.value===n}))}),[Ce]),De=s((function(n){return je?je.findIndex((function(e){return e.value===n})):-1}),[je]),Pe=s((function(n){if(je&&je.length>=n){var e=je[n];return e?e.value:void 0}}),[je]),Le=s((function(){return Ne(se)?se.findIndex((function(n){var e,r;return null===(e=Rn(n))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Rn,Ne,se]),Ae=J(f(),2),Fe=Ae[0],Te=Ae[1],He=s((function(n){var e,r=null!==(e=null==je?void 0:je.length)&&void 0!==e?e:0,o=r-1>0?r-1:0,t=De(ie);switch(n&&Yn&&(ve(null),Oe()),n){case"next":var i=Pe(t+1<r?t+1:0);le(null!=i?i:null);break;case"prev":var a=Pe(t-1>=0?t-1:o);le(null!=a?a:null);break;case"last":var l=Pe(o);le(null!=l?l:null);break;default:var c=Pe(0);le(null!=c?c:null)}}),[ie,De,Pe,Yn,Oe,null==je?void 0:je.length]),Re=s((function(n,e){if(Ne(se))switch(n){case"next":var r=null!=e?e:Le(),o=r+1<se.length?r+1:se.length-1,t=se[o];ve(t);break;case"prev":var i=null!=e?e:Le(),a=i>0?i-1:i<0?se.length-1:0,l=se[a];ve(l);break;case"first":var c=se[0];ve(c);break;case"last":var s=se[se.length-1];ve(s);break;default:ve(null)}}),[Le,Ne,se]),We=s((function(n,e){switch(n&&le(null),n){case"right":switch(Fe){case on:var r,o,t;if((null===(r=Xn.current)||void 0===r?void 0:r.selectionEnd)===(null===(o=Xn.current)||void 0===o?void 0:o.value.length))null===(t=Vn.current)||void 0===t||t.focus();break;case an:case cn:case ln:if(Fe===ln||1===(null==se?void 0:se.length)){Oe(0),Re(null),e.preventDefault();break}Re("next")}break;case"left":switch(Fe){case tn:var i;e.preventDefault(),Oe(null==Xn||null===(i=Xn.current)||void 0===i?void 0:i.value.length);break;case on:case cn:case ln:if(Ne(se)){var a;if(Fe===on&&0!==(null===(a=Xn.current)||void 0===a?void 0:a.selectionStart))break;Re("prev")}}break;default:Re(null)}}),[Fe,Ne,se,Oe,Re]);p((function(){fe!==ge&&He("first")}),[fe,Yn,ge,He]),p((function(){if(ie){var n=Hn(ie);if(n&&n.current&&Zn.current){var e=n.current.offsetTop,r=Zn.current,o=r.scrollTop;(e>r.offsetHeight||e<o)&&(Zn.current.scrollTop=e)}}}),[ie,Hn]);var Ge=s((function(n){if(E(n,"ComboboxOption")){var e=Jn(n.props),r=e.value,o=e.displayName;if(Ee(r)){var t=n.props,i=t.className,l=t.glyph,c=t.disabled,s=Ce.findIndex((function(n){return n.value===r})),u=ie===r,d=Ne(se)?se.includes(r):se===r,p=Hn(r);return L(Ur,{value:r,displayName:o,isFocused:u,isSelected:d,disabled:c,setSelected:function(){le(r),Se(r),Oe(),r===se&&we()},glyph:l,className:i,index:s,ref:p})}}else if(E(n,"ComboboxGroup")){var f=a.Children.map(n.props.children,Ge);if(f&&(null==f?void 0:f.length)>0)return L(ae,{label:n.props.label,className:n.props.className},a.Children.map(f,Ge))}}),[Ce,Hn,ie,Ne,se,Oe,Ee,Se]),Ke=u((function(){return a.Children.map(v,Ge)}),[v,Ge]),Ue=u((function(){if(Ne(se))return se.filter(Ie).map((function(n,e){var r=_n(n,Ce),o=me===n,t=Rn(n),i=e>=se.length-1;return L(Zo,{key:n,displayName:r,isFocused:o,onRemove:function(){i?(Oe(),Re(null)):Re("next",e),Se(n)},onFocus:function(){ve(n)},ref:t})}))}),[Ne,se,Ie,Ce,me,Rn,Se,Oe,Re]),Ve=u((function(){return L(a.Fragment,null,mn&&ye&&L(N,{"aria-label":"Clear selection","aria-disabled":F,disabled:F,ref:Vn,onClick:function(n){F||(Se(null),null==vn||vn(n),null==hn||hn(""),Yn||ke())},onFocus:Je,className:S(Lo),darkMode:W},L(k,{glyph:"XWithCircle"})),L(k,"error"===K?{glyph:"Warning",color:W?M.red.light1:M.red.base,className:Ao(H)}:{glyph:"CaretDown",className:Ao(H)}))}),[mn,ye,F,K,W,H,Se,vn,hn,Yn]),Be=u((function(){return Ce.some((function(n){return n.hasGlyph}))}),[Ce]),Xe=s((function(){if(!Ne(se)&&se===de){var n=je.find((function(n){return n.displayName===fe||n.value===fe}));if(n&&!On)ue(n.value);else{var e,r=null!==(e=_n(se,Ce))&&void 0!==e?e:"";he(r)}}}),[Ce,fe,Ne,de,se,On,je]),Ze=s((function(){if(ye){if(Ne(se))er();else if(!Ne(se)){var n,e=null!==(n=_n(se,Ce))&&void 0!==n?n:"";he(e),we()}}else he("")}),[ye,Ce,Ne,se]);p((function(){if(Cn)if(e(Cn)){var n,r=null!==(n=Cn.filter((function(n){return Ie(n)})))&&void 0!==n?n:[];ue(r)}else Ie(Cn)&&ue(Cn);else ue(function(n){return n?[]:null}(kn))}),[]),p((function(){if(!i(On)&&On!==ge)if(o(On))ue(null);else if(Ne(On)){var n=On.filter(Ie);ue(n)}else ue(Ie(On)?On:null)}),[Ne,Ie,ge,On]),p((function(){r(se,de)||Ze()}),[Ze,de,se]),p((function(){!Yn&&oe&&Xe()}),[Yn,oe,Xe]);var qe=J(f(0),2),Ye=qe[0],$e=qe[1];p((function(){var n,e;$e(null!==(n=null===(e=Un.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)}),[Un,Yn,ie,se]);var Je=function(){le(null)};w("mousedown",(function(n){nr(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:Yn}),w("click",(function(n){nr(n)||(n.stopPropagation(),we())}),{options:{capture:!0},enabled:Yn});var Qe,_e=function(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?B(Object(r),!0).forEach((function(e){Z(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}({popoverZIndex:An},In?{usePortal:In,portalClassName:Dn,portalContainer:Pn,scrollContainer:Ln}:{usePortal:In});return L(ee.Provider,{value:{multiselect:kn,darkMode:W,size:H,withIcons:Be,disabled:F,isOpen:Yn,state:K,searchState:$,chipTruncationLocation:Sn,chipCharacterLimit:Mn,inputValue:fe}},L("div",q({className:S(xo(H,xn),En)},Fn),L("div",{className:Ho},C&&L(h,{id:Gn,htmlFor:Wn,darkMode:W},C),O&&L(g,{darkMode:W},O)),L("div",{ref:Un,role:"combobox","aria-expanded":Yn,"aria-controls":Kn,"aria-owns":Kn,tabIndex:-1,onMouseDown:function(n){F&&n.preventDefault()},onClick:function(n){if(n.target!==Xn.current){var e=0;if(Xn.current)e=n.nativeEvent.offsetX>Xn.current.offsetLeft+Xn.current.clientWidth?fe.length:0;Oe(e)}},onFocus:function(n){er(),ke(),Te(function(n){var e,r,o,t;if(!n)return;if(null!==(e=Xn.current)&&void 0!==e&&e.contains(n))return on;if(null!==(r=Vn.current)&&void 0!==r&&r.contains(n))return tn;var i=Ne(se)?se.findIndex((function(e){var r,o;return null===(r=Rn(e))||void 0===r||null===(o=r.current)||void 0===o?void 0:o.contains(n)})):-1;if(Ne(se)){if(0===i)return an;if(i===se.length-1)return ln;if(i>0)return cn}if(null!==(o=Zn.current)&&void 0!==o&&o.contains(n))return un;if(null!==(t=Un.current)&&void 0!==t&&t.contains(n))return sn}(n.target))},onKeyDown:function(n){var e,r,t=null===(e=Zn.current)||void 0===e?void 0:e.contains(document.activeElement);if((null===(r=Un.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case I.Tab:switch(Fe){case"Input":ye||(we(),He("first"),Re(null));break;case"LastChip":Re(null)}break;case I.Escape:we(),He("first");break;case I.Enter:!Yn||Fe!==on||o(ie)||function(n){if("string"==typeof n){var e=Qn(n,Ce);return!(null==e||!e.isDisabled)}return!!n.isDisabled}(ie)?Fe===tn&&(Se(null),Oe()):Se(ie);break;case I.Backspace:var i;if(Ne(se))"Input"===Fe&&0===(null===(i=Xn.current)||void 0===i?void 0:i.selectionStart)&&Re("last");ke();break;case I.ArrowDown:Yn?(n.preventDefault(),He("next")):ke();break;case I.ArrowUp:Yn?(n.preventDefault(),He("prev")):ke();break;case I.ArrowRight:We("right",n);break;case I.ArrowLeft:We("left",n);break;default:Yn||ke()}}},onTransitionEnd:function(){var n,e;$e(null!==(n=null===(e=Un.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)},className:S(wo,ko[Tn],Co(H),(c={},Z(c,No[Tn],F),Z(c,Oo[Tn],K===bn),Z(c,So[Tn],(Qe=on,Qe===Fe)),c))},L("div",{ref:Bn,className:zo({size:H,overflow:xn})},Ue,L("input",{"aria-label":null!=P?P:C,"aria-autocomplete":"list","aria-controls":Kn,"aria-labelledby":Gn,ref:Xn,id:Wn,className:S(Mo,jo[H],Eo[Tn],Io(Yn,xn),(m={},Z(m,Do(H,fe),Ne(se)),Z(m,Po(se),Ne(se)),m)),placeholder:xe,disabled:null!=F?F:void 0,onChange:function(n){var e=n.target.value;he(e),null==hn||hn(e)},value:fe,autoComplete:"off"})),Ve),"error"===K&&U&&L("div",{className:S(Fo[Tn],To[H])},U),L(Yo,q({id:Kn,labelId:Gn,refEl:Un,ref:Zn,menuWidth:Ye,searchLoadingMessage:pn,searchErrorMessage:en,searchEmptyMessage:_},_e),Ke)));function nr(n){var e,r,o=n.target;return(null===(e=Zn.current)||void 0===e?void 0:e.contains(o))||(null===(r=Un.current)||void 0===r?void 0:r.contains(o))||!1}function er(){Bn&&Bn.current&&(Bn.current.scrollLeft=Bn.current.scrollWidth)}}export{Jo as Combobox,le as ComboboxGroup,Vr as ComboboxOption};
 //# sourceMappingURL=index.js.map