@databricks/design-system 1.12.8 → 1.12.9

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useRef, useMemo, forwardRef, createContext, useContext, useState, useEffect, useImperativeHandle, Children, useCallback } from 'react';
-import { u as useDesignSystemTheme, I as Icon, D as DesignSystemAntDConfigProvider, R as RestoreAntDDefaultClsPrefix, g as getAnimationCss, C as CloseIcon, a as ChevronRightIcon, b as useDesignSystemFlags, i as importantify, c as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, d as useDesignSystemContext, e as Input, B as Button, A as ApplyDesignSystemContextOverrides, T as Typography, f as getValidationStateColor, h as Title$2, j as ChevronLeftIcon, k as getDefaultStyles, l as getPrimaryStyles, m as getDisabledStyles, n as lightColorList } from './Typography-e3d5ff23.js';
-export { A as ApplyDesignSystemContextOverrides, t as ApplyDesignSystemFlags, B as Button, j as ChevronLeftIcon, a as ChevronRightIcon, C as CloseIcon, w as CursorIcon, c as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, D as DesignSystemAntDConfigProvider, q as DesignSystemContext, s as DesignSystemProvider, p as DesignSystemThemeContext, r as DesignSystemThemeProvider, F as FaceFrownIcon, x as FaceNeutralIcon, y as FaceSmileIcon, I as Icon, e as Input, N as NewWindowIcon, R as RestoreAntDDefaultClsPrefix, T as Typography, W as WithDesignSystemThemeHoc, E as __INTERNAL_DO_NOT_USE_DEDUPE__Group, z as __INTERNAL_DO_NOT_USE__Password, _ as __INTERNAL_DO_NOT_USE__TextArea, g as getAnimationCss, o as getButtonEmotionStyles, v as useAntDConfigProviderContext, b as useDesignSystemFlags, u as useDesignSystemTheme } from './Typography-e3d5ff23.js';
+import { u as useDesignSystemTheme, I as Icon, D as DesignSystemAntDConfigProvider, R as RestoreAntDDefaultClsPrefix, g as getAnimationCss, C as CloseIcon, a as ChevronRightIcon, b as useDesignSystemFlags, i as importantify, c as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, d as useDesignSystemContext, e as CheckIcon, f as Input, B as Button, h as getValidationStateColor, A as ApplyDesignSystemContextOverrides, T as Typography, j as Title$2, k as ChevronLeftIcon, l as getDefaultStyles, m as getPrimaryStyles, n as getDisabledStyles, o as lightColorList } from './Typography-91d3d591.js';
+export { A as ApplyDesignSystemContextOverrides, v as ApplyDesignSystemFlags, B as Button, e as CheckIcon, k as ChevronLeftIcon, a as ChevronRightIcon, C as CloseIcon, x as CursorIcon, c as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, D as DesignSystemAntDConfigProvider, r as DesignSystemContext, t as DesignSystemProvider, q as DesignSystemThemeContext, s as DesignSystemThemeProvider, F as FaceFrownIcon, y as FaceNeutralIcon, z as FaceSmileIcon, I as Icon, f as Input, N as NewWindowIcon, R as RestoreAntDDefaultClsPrefix, T as Typography, W as WithDesignSystemThemeHoc, G as __INTERNAL_DO_NOT_USE_DEDUPE__Group, E as __INTERNAL_DO_NOT_USE__Password, _ as __INTERNAL_DO_NOT_USE__TextArea, g as getAnimationCss, p as getButtonEmotionStyles, w as useAntDConfigProviderContext, b as useDesignSystemFlags, u as useDesignSystemTheme } from './Typography-91d3d591.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { css, keyframes, ClassNames } from '@emotion/react';
 import { Collapse, Alert as Alert$1, AutoComplete as AutoComplete$1, Breadcrumb as Breadcrumb$1, Checkbox as Checkbox$1, DatePicker, Tooltip as Tooltip$1, Dropdown as Dropdown$1, Form as Form$1, Radio as Radio$1, Select as Select$1, Col as Col$1, Row as Row$1, Space as Space$1, Layout as Layout$1, notification, Popover as Popover$2, Pagination as Pagination$1, Table as Table$1, Menu as Menu$1, Modal as Modal$1, Skeleton as Skeleton$1, Button as Button$1, Switch as Switch$1, Tabs as Tabs$1, Tree as Tree$1 } from 'antd';
@@ -817,29 +817,6 @@ function CheckCircleIcon(props) {
   });
 }
 
-function SvgCheckIcon(props) {
-  return jsx("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M15.06 3.56l-9.53 9.531L1 8.561 2.06 7.5l3.47 3.47L14 2.5l1.06 1.06z",
-      fill: "currentColor"
-    })
-  });
-}
-function CheckIcon(props) {
-  return jsx(Icon, {
-    ...props,
-    component: SvgCheckIcon
-  });
-}
-
 function SvgCheckLineIcon(props) {
   return jsx("svg", {
     width: "1em",
@@ -4757,27 +4734,6 @@ function UserIcon(props) {
   });
 }
 
-function SvgVariableIcon(props) {
-  return jsx("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: jsx("path", {
-      d: "M3.73 13.2h.4v-1.109h-.257c-.78 0-1.084-.345-1.084-1.228v-1.74c0-.858-.507-1.347-1.472-1.448v-.173c.965-.108 1.472-.596 1.472-1.455v-1.71c0-.883.304-1.228 1.084-1.228h.257V2h-.4c-1.638 0-2.353.662-2.353 2.158v1.46c0 .906-.37 1.234-1.377 1.234v1.466c1.013.006 1.377.334 1.377 1.234v1.472c0 1.502.715 2.176 2.353 2.176zM4.994 11.036H6.59L7.92 8.771h.1l1.336 2.265h1.668L8.897 7.74 11 4.521H9.374l-1.288 2.26h-.1L6.691 4.52H4.976l2.127 3.285-2.11 3.23zM12.27 13.2c1.638 0 2.354-.674 2.354-2.176V9.552c0-.9.363-1.228 1.376-1.234V6.852c-1.007 0-1.377-.328-1.377-1.234v-1.46C14.623 2.662 13.909 2 12.27 2h-.4v1.109h.257c.786 0 1.09.345 1.09 1.228v1.71c0 .859.5 1.347 1.466 1.455v.173c-.965.1-1.466.59-1.466 1.448v1.74c0 .883-.31 1.228-1.09 1.228h-.257V13.2h.4z",
-      fill: "currentColor"
-    })
-  });
-}
-function VariableIcon(props) {
-  return jsx(Icon, {
-    ...props,
-    component: SvgVariableIcon
-  });
-}
-
 function SvgVisibleIcon(props) {
   return jsxs("svg", {
     width: "1em",
@@ -6046,19 +6002,23 @@ const DialogComboboxLoadingSpinner = props => {
   });
 };
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$h() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$g() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const getContentWrapperStyles = (theme, _ref) => {
   let {
     maxHeight = '100vh',
     maxWidth = '100vw',
     minHeight = 0,
-    minWidth = 0
+    minWidth = 0,
+    width
   } = _ref;
   return /*#__PURE__*/css({
     maxHeight,
     maxWidth,
     minHeight,
     minWidth,
+    ...(width ? {
+      width
+    } : {}),
     background: theme.colors.backgroundPrimary,
     color: theme.colors.textPrimary,
     overflow: 'auto',
@@ -6078,7 +6038,7 @@ var _ref3$5 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "189loa6-DialogComboboxContent",
   styles: "display:flex;flex-direction:column;align-items:flex-start;justify-content:center;label:DialogComboboxContent;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$h
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$g
 };
 const DialogComboboxContent = /*#__PURE__*/forwardRef((_ref2, forwardedRef) => {
   let {
@@ -6088,6 +6048,7 @@ const DialogComboboxContent = /*#__PURE__*/forwardRef((_ref2, forwardedRef) => {
     maxWidth,
     minHeight,
     minWidth = 240,
+    width,
     align = 'start',
     side = 'bottom',
     sideOffset = 4,
@@ -6115,7 +6076,8 @@ const DialogComboboxContent = /*#__PURE__*/forwardRef((_ref2, forwardedRef) => {
         maxHeight,
         maxWidth,
         minHeight,
-        minWidth
+        minWidth,
+        width
       }),
       align: align,
       side: side,
@@ -6162,16 +6124,11 @@ const DialogComboboxCountBadge = props => {
   });
 };
 
-const selectContextDefaults = {
-  isSelect: false
-};
-const SelectContext = /*#__PURE__*/createContext(selectContextDefaults);
-
-const useSelectContext = () => {
-  return useContext(SelectContext);
-};
-
-const DialogComboboxOptionListContext = /*#__PURE__*/createContext({});
+const DialogComboboxOptionListContext = /*#__PURE__*/createContext({
+  isInsideDialogComboboxOptionList: false,
+  lookAhead: '',
+  setLookAhead: () => {}
+});
 const DialogComboboxOptionListContextProvider = _ref => {
   let {
     children,
@@ -6183,14 +6140,14 @@ const DialogComboboxOptionListContextProvider = _ref => {
   });
 };
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$g() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var _ref2$6 = process.env.NODE_ENV === "production" ? {
+function _EMOTION_STRINGIFIED_CSS_ERROR__$f() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var _ref2$5 = process.env.NODE_ENV === "production" ? {
   name: "1pgv7dg",
   styles: "display:flex;flex-direction:column;align-items:flex-start;width:100%"
 } : {
   name: "1dtf9pj-DialogComboboxOptionList",
   styles: "display:flex;flex-direction:column;align-items:flex-start;width:100%;label:DialogComboboxOptionList;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$g
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$f
 };
 const DialogComboboxOptionList = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
   let {
@@ -6202,9 +6159,6 @@ const DialogComboboxOptionList = /*#__PURE__*/forwardRef((_ref, forwardedRef) =>
   const {
     isInsideDialogCombobox
   } = useDialogComboboxContext();
-  const {
-    isSelect
-  } = useSelectContext();
   const ref = useRef(null);
   useImperativeHandle(forwardedRef, () => ref.current);
   const [lookAhead, setLookAhead] = useState('');
@@ -6213,20 +6167,18 @@ const DialogComboboxOptionList = /*#__PURE__*/forwardRef((_ref, forwardedRef) =>
   }
   const lookAheadTimeout = useRef(null);
   useEffect(() => {
-    if (isSelect) {
-      if (lookAheadTimeout.current) {
-        clearTimeout(lookAheadTimeout.current);
-      }
-      lookAheadTimeout.current = setTimeout(() => {
-        setLookAhead('');
-      }, 1500);
+    if (lookAheadTimeout.current) {
+      clearTimeout(lookAheadTimeout.current);
     }
+    lookAheadTimeout.current = setTimeout(() => {
+      setLookAhead('');
+    }, 1500);
     return () => {
       if (lookAheadTimeout.current) {
         clearTimeout(lookAheadTimeout.current);
       }
     };
-  }, [isSelect, lookAhead]);
+  }, [lookAhead]);
   useEffect(() => {
     var _ref$current;
     if (loading && !withProgressiveLoading) {
@@ -6247,15 +6199,13 @@ const DialogComboboxOptionList = /*#__PURE__*/forwardRef((_ref, forwardedRef) =>
     ref: ref,
     "aria-busy": loading,
     role: "list",
-    css: _ref2$6,
+    css: _ref2$5,
     ...restProps,
     children: jsx(DialogComboboxOptionListContextProvider, {
       value: {
         isInsideDialogComboboxOptionList: true,
-        ...(isSelect && {
-          lookAhead,
-          setLookAhead
-        })
+        lookAhead,
+        setLookAhead
       },
       children: loading ? withProgressiveLoading ? jsxs(Fragment, {
         children: [children, jsx(DialogComboboxLoadingSpinner, {
@@ -6404,7 +6354,6 @@ const getKeyboardNavigationFunctions = (handleSelect, _ref) => {
             previousSibling.setAttribute('tabIndex', '0');
           }
           break;
-        case ' ':
         case 'Enter':
           e.preventDefault();
           handleSelect();
@@ -6428,6 +6377,28 @@ const resetTabIndexToFocusedElement = elem => {
   elem.setAttribute('tabIndex', '0');
   elem.focus();
 };
+const dialogComboboxLookAheadKeyDown = (e, setLookAhead, lookAhead) => {
+  var _e$currentTarget$pare, _e$currentTarget$pare2;
+  if (e.key === 'Escape' || e.key === 'Tab' || e.key === 'Enter') {
+    return;
+  }
+  e.preventDefault();
+  const siblings = Array.from((_e$currentTarget$pare = (_e$currentTarget$pare2 = e.currentTarget.parentElement) === null || _e$currentTarget$pare2 === void 0 ? void 0 : _e$currentTarget$pare2.children) !== null && _e$currentTarget$pare !== void 0 ? _e$currentTarget$pare : []);
+  // Look for the first sibling that starts with the pressed key + recently pressed keys (lookAhead, cleared after 1.5 seconds of inactivity)
+  const nextSiblingIndex = siblings.findIndex(sibling => {
+    var _sibling$textContent$, _sibling$textContent;
+    const siblingLabel = (_sibling$textContent$ = (_sibling$textContent = sibling.textContent) === null || _sibling$textContent === void 0 ? void 0 : _sibling$textContent.toLowerCase()) !== null && _sibling$textContent$ !== void 0 ? _sibling$textContent$ : '';
+    return siblingLabel.startsWith(lookAhead + e.key);
+  });
+  if (nextSiblingIndex !== -1) {
+    const nextSibling = siblings[nextSiblingIndex];
+    nextSibling.focus();
+    if (setLookAhead) {
+      setLookAhead(lookAhead + e.key);
+    }
+    resetTabIndexToFocusedElement(nextSibling);
+  }
+};
 
 const DialogComboboxOptionListCheckboxItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -6443,7 +6414,9 @@ const DialogComboboxOptionListCheckboxItem = /*#__PURE__*/forwardRef((_ref, ref)
     theme
   } = useDesignSystemTheme();
   const {
-    isInsideDialogComboboxOptionList
+    isInsideDialogComboboxOptionList,
+    setLookAhead,
+    lookAhead
   } = useDialogComboboxOptionListContext();
   if (!isInsideDialogComboboxOptionList) {
     throw new Error('`DialogComboboxOptionListCheckboxItem` must be used within `DialogComboboxOptionList`');
@@ -6484,7 +6457,8 @@ const DialogComboboxOptionListCheckboxItem = /*#__PURE__*/forwardRef((_ref, ref)
     tabIndex: -1,
     ...getKeyboardNavigationFunctions(handleSelect, {
       onKeyDown: props.onKeyDown,
-      onMouseEnter: props.onMouseEnter
+      onMouseEnter: props.onMouseEnter,
+      onDefaultKeyDown: e => dialogComboboxLookAheadKeyDown(e, setLookAhead, lookAhead)
     }),
     children: jsx(Checkbox, {
       disabled: props.disabled,
@@ -6509,15 +6483,25 @@ const DialogComboboxOptionListCheckboxItem = /*#__PURE__*/forwardRef((_ref, ref)
   });
 });
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$f() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var _ref2$5 = process.env.NODE_ENV === "production" ? {
-  name: "1cjitc6",
-  styles: "width:16px"
-} : {
-  name: "gvtsec-DialogComboboxOptionListSelectItem",
-  styles: "width:16px;label:DialogComboboxOptionListSelectItem;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$f
+const selectContextDefaults = {
+  isSelect: false
 };
+const SelectContext = /*#__PURE__*/createContext(selectContextDefaults);
+const SelectContextProvider = _ref => {
+  let {
+    children,
+    value
+  } = _ref;
+  return jsx(SelectContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+
+const useSelectContext = () => {
+  return useContext(SelectContext);
+};
+
 const DialogComboboxOptionListSelectItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     value,
@@ -6596,33 +6580,15 @@ const DialogComboboxOptionListSelectItem = /*#__PURE__*/forwardRef((_ref, ref) =
     ...getKeyboardNavigationFunctions(handleSelect, {
       onKeyDown: props.onKeyDown,
       onMouseEnter: props.onMouseEnter,
-      onDefaultKeyDown: e => {
-        if (isSelect) {
-          var _e$currentTarget$pare, _e$currentTarget$pare2;
-          e.preventDefault();
-          const siblings = Array.from((_e$currentTarget$pare = (_e$currentTarget$pare2 = e.currentTarget.parentElement) === null || _e$currentTarget$pare2 === void 0 ? void 0 : _e$currentTarget$pare2.children) !== null && _e$currentTarget$pare !== void 0 ? _e$currentTarget$pare : []);
-          // Look for the first sibling that starts with the pressed key + recently pressed keys (lookAhead, cleared after 1.5 seconds of inactivity)
-          const nextSiblingIndex = siblings.findIndex(sibling => {
-            var _sibling$textContent$, _sibling$textContent;
-            const siblingLabel = (_sibling$textContent$ = (_sibling$textContent = sibling.textContent) === null || _sibling$textContent === void 0 ? void 0 : _sibling$textContent.toLowerCase()) !== null && _sibling$textContent$ !== void 0 ? _sibling$textContent$ : '';
-            return siblingLabel.startsWith(lookAhead + e.key);
-          });
-          if (nextSiblingIndex !== -1) {
-            const nextSibling = siblings[nextSiblingIndex];
-            nextSibling.focus();
-            if (setLookAhead) {
-              setLookAhead(lookAhead + e.key);
-            }
-            resetTabIndexToFocusedElement(nextSibling);
-          }
-        }
-      }
+      onDefaultKeyDown: e => dialogComboboxLookAheadKeyDown(e, setLookAhead, lookAhead)
     }),
     role: "option",
     "aria-selected": checked,
     "aria-label": value,
     children: [checked ? jsx(CheckIcon, {}) : jsx("div", {
-      css: _ref2$5
+      style: {
+        width: 16
+      }
     }), jsx("label", {
       style: {
         fontSize: theme.typography.fontSizeBase,
@@ -6743,9 +6709,24 @@ const DialogComboboxOptionControlledList = /*#__PURE__*/forwardRef((_ref, forwar
     setValue,
     setIsControlled
   } = useDialogComboboxContext();
+  const [lookAhead, setLookAhead] = useState('');
   if (!isInsideDialogCombobox) {
     throw new Error('`DialogComboboxOptionControlledList` must be used within `DialogCombobox`');
   }
+  const lookAheadTimeout = useRef(null);
+  useEffect(() => {
+    if (lookAheadTimeout.current) {
+      clearTimeout(lookAheadTimeout.current);
+    }
+    lookAheadTimeout.current = setTimeout(() => {
+      setLookAhead('');
+    }, 1500);
+    return () => {
+      if (lookAheadTimeout.current) {
+        clearTimeout(lookAheadTimeout.current);
+      }
+    };
+  }, [lookAhead]);
   const isOptionChecked = options.reduce((acc, option) => {
     acc[option] = value === null || value === void 0 ? void 0 : value.includes(option);
     return acc;
@@ -6814,7 +6795,9 @@ const DialogComboboxOptionControlledList = /*#__PURE__*/forwardRef((_ref, forwar
     ...restProps,
     children: jsx(DialogComboboxOptionListContextProvider, {
       value: {
-        isInsideDialogComboboxOptionList: true
+        isInsideDialogComboboxOptionList: true,
+        lookAhead,
+        setLookAhead
       },
       children: jsx(Fragment, {
         children: loading ? withProgressiveLoading ? jsxs(Fragment, {
@@ -6904,7 +6887,7 @@ const getTriggerWrapperStyles = (removable, width) => /*#__PURE__*/css(important
     })
   })
 }), process.env.NODE_ENV === "production" ? "" : ";label:getTriggerWrapperStyles;");
-const getTriggerStyles = (theme, maxWidth, minWidth, removable, width) => {
+const getTriggerStyles = (theme, maxWidth, minWidth, removable, width, validationState) => {
   const removeButtonInteractionStyles = {
     ...(removable && {
       zIndex: theme.options.zIndexBase + 2,
@@ -6914,6 +6897,7 @@ const getTriggerStyles = (theme, maxWidth, minWidth, removable, width) => {
       }
     })
   };
+  const validationColor = getValidationStateColor(theme, validationState);
   return /*#__PURE__*/css(importantify({
     position: 'relative',
     display: 'inline-flex',
@@ -6949,6 +6933,16 @@ const getTriggerStyles = (theme, maxWidth, minWidth, removable, width) => {
       borderColor: theme.colors.actionDefaultBorderFocus,
       ...removeButtonInteractionStyles
     },
+    ...(validationState && {
+      borderColor: validationColor,
+      '&:hover': {
+        borderColor: validationColor
+      },
+      '&:focus': {
+        outlineColor: validationColor,
+        outlineOffset: -2
+      }
+    }),
     [`&[disabled]`]: {
       background: theme.colors.actionDisabledBackground,
       color: theme.colors.actionDisabledText,
@@ -6972,6 +6966,9 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
     wrapperProps,
     width,
     withChevronIcon = true,
+    validationState,
+    withInlineLabel = true,
+    placeholder,
     ...restProps
   } = _ref;
   const {
@@ -6987,7 +6984,7 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
   } = useDialogComboboxContext();
   const {
     isSelect,
-    placeholder
+    placeholder: selectPlaceholder
   } = useSelectContext();
   if (!isInsideDialogCombobox) {
     throw new Error('`DialogComboboxTrigger` must be used within `DialogCombobox`');
@@ -7036,12 +7033,13 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
     ariaLabel += multiSelect ? ', multiselectable, 0 options selected' : ', no option selected';
   }
   const customSelectContent = isSelect && children ? children : null;
+  const dialogComboboxClassname = !isSelect ? `${classNamePrefix}-dialogcombobox` : '';
   const selectV2Classname = isSelect ? `${classNamePrefix}-selectv2` : '';
   const triggerContent = isSelect ? jsxs(Popover$1.Trigger, {
     "aria-label": ariaLabel,
     ref: forwardedRef,
     ...restProps,
-    css: getTriggerStyles(theme, maxWidth, minWidth, removable, width),
+    css: getTriggerStyles(theme, maxWidth, minWidth, removable, width, validationState),
     role: "listbox",
     "aria-multiselectable": multiSelect,
     children: [jsx("span", {
@@ -7057,7 +7055,7 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
         css: /*#__PURE__*/css({
           color: theme.colors.textPlaceholder
         }, process.env.NODE_ENV === "production" ? "" : ";label:triggerContent;"),
-        children: placeholder
+        children: selectPlaceholder
       })
     }), allowClear && value !== null && value !== void 0 && value.length ? jsx(XCircleFillIcon, {
       onClick: handleClear,
@@ -7081,7 +7079,7 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
     "aria-label": ariaLabel,
     ref: forwardedRef,
     ...restProps,
-    css: getTriggerStyles(theme, maxWidth, minWidth, removable, width),
+    css: getTriggerStyles(theme, maxWidth, minWidth, removable, width, validationState),
     role: "listbox",
     "aria-multiselectable": multiSelect,
     children: [jsxs("span", {
@@ -7097,7 +7095,7 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
         }
       }, process.env.NODE_ENV === "production" ? "" : ";label:triggerContent;"),
       ref: triggerContentRef,
-      children: [jsx("span", {
+      children: [withInlineLabel ? jsx("span", {
         css: /*#__PURE__*/css({
           height: theme.typography.lineHeightBase,
           marginRight: theme.spacing.xs,
@@ -7107,6 +7105,11 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
           textOverflow: 'unset'
         }, process.env.NODE_ENV === "production" ? "" : ";label:triggerContent;"),
         children: label
+      }) : !(value !== null && value !== void 0 && value.length) && jsx("span", {
+        css: /*#__PURE__*/css({
+          color: theme.colors.textPlaceholder
+        }, process.env.NODE_ENV === "production" ? "" : ";label:triggerContent;"),
+        children: placeholder
       }), (value === null || value === void 0 ? void 0 : value.length) > showTagAfterValueCount ? jsxs(Fragment, {
         children: [jsx("span", {
           style: {
@@ -7141,7 +7144,7 @@ const DialogComboboxTrigger = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
   });
   return jsxs("div", {
     ...wrapperProps,
-    className: `${(_restProps$className = restProps === null || restProps === void 0 ? void 0 : restProps.className) !== null && _restProps$className !== void 0 ? _restProps$className : ''} ${selectV2Classname}`.trim(),
+    className: `${(_restProps$className = restProps === null || restProps === void 0 ? void 0 : restProps.className) !== null && _restProps$className !== void 0 ? _restProps$className : ''} ${dialogComboboxClassname} ${selectV2Classname}`.trim(),
     css: [getTriggerWrapperStyles(removable, width), wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css, process.env.NODE_ENV === "production" ? "" : ";label:DialogComboboxTrigger;"],
     children: [showTooltip && value !== null && value !== void 0 && value.length ? jsx(Tooltip, {
       title: customSelectContent !== null && customSelectContent !== void 0 ? customSelectContent : displayedValues,
@@ -8105,7 +8108,7 @@ const getHintStyles = (classNamePrefix, theme) => {
     color: theme.colors.textSecondary,
     lineHeight: theme.typography.lineHeightSm,
     fontSize: theme.typography.fontSizeSm,
-    [`&& + .${classNamePrefix}-input, && + .${classNamePrefix}-select, && + .${classNamePrefix}-selectv2, && + .${classNamePrefix}-checkbox-group, && + .${classNamePrefix}-radio-group`]: {
+    [`&& + .${classNamePrefix}-input, && + .${classNamePrefix}-select, && + .${classNamePrefix}-selectv2, && + .${classNamePrefix}-dialogcombobox, && + .${classNamePrefix}-checkbox-group, && + .${classNamePrefix}-radio-group`]: {
       marginTop: theme.spacing.sm
     }
   };
@@ -8138,7 +8141,7 @@ const getLabelStyles = (classNamePrefix, theme, _ref) => {
       display: inline ? 'inline' : 'block',
       lineHeight: theme.typography.lineHeightBase
     },
-    [`&& + .${classNamePrefix}-input, && + .${classNamePrefix}-select, && + .${classNamePrefix}-selectv2, && + .${classNamePrefix}-checkbox-group, && + .${classNamePrefix}-radio-group`]: {
+    [`&& + .${classNamePrefix}-input, && + .${classNamePrefix}-select, && + .${classNamePrefix}-selectv2, && + .${classNamePrefix}-dialogcombobox, && + .${classNamePrefix}-checkbox-group, && + .${classNamePrefix}-radio-group`]: {
       marginTop: theme.spacing.sm
     }
   };
@@ -8929,6 +8932,9 @@ function DuboisSelect(_ref2, ref) {
     }
   });
 }
+
+/** @deprecated Use `SelectOptionProps` */
+
 const SelectOption = /*#__PURE__*/forwardRef(function Option(props, ref) {
   const {
     dangerouslySetAntdProps,
@@ -8948,6 +8954,9 @@ SelectOption.isSelectOption = true;
  * @deprecated use Select.Option instead
  */
 const Option = SelectOption;
+
+/** @deprecated Use `SelectOptGroupProps` */
+
 const SelectOptGroup = /* #__PURE__ */(() => {
   const OptGroup = /*#__PURE__*/forwardRef(function OptGroup(props, ref) {
     return jsx(Select$1.OptGroup, {
@@ -8972,6 +8981,79 @@ const Select = /* #__PURE__ */(() => {
   return DuboisRefForwardedSelect;
 })();
 
+const SelectV2 = props => {
+  const {
+    children,
+    placeholder,
+    value,
+    ...restProps
+  } = props;
+  return jsx(SelectContextProvider, {
+    value: {
+      isSelect: true,
+      placeholder
+    },
+    children: jsx(DialogCombobox, {
+      value: value ? [value] : [],
+      ...restProps,
+      children: children
+    })
+  });
+};
+
+const SelectV2Content = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return jsx(DialogComboboxContent, {
+    minWidth: 150,
+    ...restProps,
+    ref: ref,
+    children: jsx(DialogComboboxOptionList, {
+      children: children
+    })
+  });
+});
+
+const SelectV2Option = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value
+  } = useDialogComboboxContext();
+  return jsx(DialogComboboxOptionListSelectItem, {
+    checked: value && value[0] === props.value,
+    ...props,
+    ref: ref
+  });
+});
+
+const SelectV2OptionGroup = props => {
+  const {
+    name,
+    children,
+    ...restProps
+  } = props;
+  return jsxs(Fragment, {
+    children: [jsx(DialogComboboxSectionHeader, {
+      ...restProps,
+      children: name
+    }), children]
+  });
+};
+
+const SelectV2Trigger = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return jsx(DialogComboboxTrigger, {
+    allowClear: false,
+    ...restProps,
+    ref: ref,
+    children: children
+  });
+});
+
 function RHFControlledInput(_ref) {
   let {
     name,
@@ -9056,11 +9138,15 @@ function RHFControlledSelect(_ref4) {
     defaultValue: field.value
   });
 }
-function RHFControlledCheckboxGroup(_ref5) {
+function RHFControlledSelectV2(_ref5) {
   let {
     name,
     control,
     rules,
+    options,
+    validationState,
+    children,
+    width,
     ...restProps
   } = _ref5;
   const {
@@ -9070,19 +9156,183 @@ function RHFControlledCheckboxGroup(_ref5) {
     control: control,
     rules: rules
   });
+  const [selectedValueLabel, setSelectedValueLabel] = useState(field.value ? field.value.label ? field.value.label : field.value : '');
+  const handleOnChange = option => {
+    setSelectedValueLabel(typeof option === 'object' ? option.label : option);
+    field.onChange(typeof option === 'object' ? option.value : option);
+  };
+  useEffect(() => {
+    if (!field.value) {
+      return;
+    }
+
+    // Find the appropriate label for value selected by default
+    if (!(options !== null && options !== void 0 && options.length) && children) {
+      const renderedChildren = children({
+        onChange: handleOnChange
+      });
+      const child = Children.toArray(renderedChildren.props.children).find(child => /*#__PURE__*/React__default.isValidElement(child) && child.props.value === field.value);
+      if (child) {
+        setSelectedValueLabel(child.props.children);
+      }
+    } else if (options !== null && options !== void 0 && options.length) {
+      const option = options.find(option => option.value === field.value);
+      setSelectedValueLabel(option === null || option === void 0 ? void 0 : option.label);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return jsxs(SelectV2, {
+    ...restProps,
+    value: field.value,
+    children: [jsx(SelectV2Trigger, {
+      width: width,
+      onBlur: field.onBlur,
+      validationState: validationState,
+      children: selectedValueLabel
+    }), jsx(SelectV2Content, {
+      side: "bottom",
+      width: width,
+      children: options && options.length > 0 ? options.map(option => jsx(SelectV2Option, {
+        value: option.value,
+        onChange: handleOnChange,
+        children: option.label
+      }, option.value)) : // SelectV2Option out of the box gives users control over state and in this case RHF is controlling state
+      // We expose onChange through a children renderer function to let users pass this down to SelectV2Option
+      children === null || children === void 0 ? void 0 : children({
+        onChange: handleOnChange
+      })
+    })]
+  });
+}
+function RHFControlledDialogCombobox(_ref6) {
+  let {
+    name,
+    control,
+    rules,
+    children,
+    allowClear,
+    validationState,
+    placeholder,
+    width,
+    ...restProps
+  } = _ref6;
+  const {
+    field
+  } = useController({
+    name: name,
+    control: control,
+    rules: rules
+  });
+  const [valueMap, setValueMap] = useState({}); // Used for multi-select
+
+  const updateValueMap = updatedValue => {
+    if (updatedValue) {
+      if (Array.isArray(updatedValue)) {
+        setValueMap(updatedValue.reduce((acc, value) => {
+          acc[value] = true;
+          return acc;
+        }, {}));
+      } else {
+        setValueMap({
+          [updatedValue]: true
+        });
+      }
+    } else {
+      setValueMap({});
+    }
+  };
+  const handleOnChangeSingleSelect = option => {
+    let updatedValue = field.value;
+    if (field.value === option) {
+      updatedValue = undefined;
+    } else {
+      updatedValue = option;
+    }
+    field.onChange(updatedValue);
+    updateValueMap(updatedValue);
+  };
+  const hanldeOnChangeMultiSelect = option => {
+    var _field$value;
+    let updatedValue = field.value;
+    if ((_field$value = field.value) !== null && _field$value !== void 0 && _field$value.includes(option)) {
+      updatedValue = field.value.filter(value => value !== option);
+    } else {
+      updatedValue = [...field.value, option];
+    }
+    field.onChange(updatedValue);
+    updateValueMap(updatedValue);
+  };
+  const handleOnChange = option => {
+    if (restProps.multiSelect) {
+      hanldeOnChangeMultiSelect(option);
+    } else {
+      handleOnChangeSingleSelect(option);
+    }
+  };
+  useEffect(() => {
+    if (field.value) {
+      updateValueMap(field.value);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const isChecked = option => {
+    return valueMap[option];
+  };
+  const handleOnClear = () => {
+    field.onChange(Array.isArray(field.value) ? [] : '');
+    setValueMap({});
+  };
+  return jsxs(DialogCombobox, {
+    ...restProps,
+    value: field.value ? Array.isArray(field.value) ? field.value : [field.value] : undefined,
+    children: [jsx(DialogComboboxTrigger, {
+      onBlur: field.onBlur,
+      allowClear: allowClear,
+      validationState: validationState,
+      onClear: handleOnClear,
+      withInlineLabel: false,
+      placeholder: placeholder,
+      width: width
+    }), jsx(DialogComboboxContent, {
+      side: "bottom",
+      width: width,
+      children: jsx(DialogComboboxOptionList, {
+        children: children === null || children === void 0 ? void 0 : children({
+          onChange: handleOnChange,
+          value: field.value,
+          isChecked
+        })
+      })
+    })]
+  });
+}
+function RHFControlledCheckboxGroup(_ref7) {
+  let {
+    name,
+    control,
+    rules,
+    ...restProps
+  } = _ref7;
+  const {
+    field
+  } = useController({
+    name: name,
+    control: control,
+    rules: rules
+  });
   return jsx(Checkbox.Group, {
     ...restProps,
     ...field,
     value: field.value
   });
 }
-function RHFControlledCheckbox(_ref6) {
+function RHFControlledCheckbox(_ref8) {
   let {
     name,
     control,
     rules,
     ...restProps
-  } = _ref6;
+  } = _ref8;
   const {
     field
   } = useController({
@@ -9104,13 +9354,13 @@ function RHFControlledCheckbox(_ref6) {
     })
   });
 }
-function RHFControlledRadioGroup(_ref7) {
+function RHFControlledRadioGroup(_ref9) {
   let {
     name,
     control,
     rules,
     ...restProps
-  } = _ref7;
+  } = _ref9;
   const {
     field
   } = useController({
@@ -9128,6 +9378,8 @@ const RHFControlledComponents = {
   Password: RHFControlledPasswordInput,
   TextArea: RHFControlledTextArea,
   Select: RHFControlledSelect,
+  SelectV2: RHFControlledSelectV2,
+  DialogCombobox: RHFControlledDialogCombobox,
   Checkbox: RHFControlledCheckbox,
   CheckboxGroup: RHFControlledCheckboxGroup,
   RadioGroup: RHFControlledRadioGroup
@@ -12982,5 +13234,5 @@ const Tree = /*#__PURE__*/forwardRef(function Tree(_ref, ref) {
   });
 });
 
-export { Accordion, AccordionPanel, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BinaryIcon, BoldIcon, BookIcon, BookmarkFillIcon, BookmarkIcon, BooksIcon, BracketsCurlyIcon, BracketsSquareIcon, BracketsXIcon, BranchIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CatalogIcon, ChartLineIcon, CheckCircleBadgeIcon, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, CheckLineIcon, Checkbox, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDownloadIcon, CloudIcon, CloudKeyIcon, CloudModelIcon, CloudOffIcon, CloudUploadIcon, CodeIcon, Col, ColorFillIcon, ColumnIcon, ConnectIcon, Content, CopyIcon, CursorPagination, CursorTypeIcon, DIcon, DagIcon, DangerFillIcon, DangerIcon, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DecimalIcon, DialogCombobox, DialogComboboxButtonContainer, DialogComboboxContent, DialogComboboxCountBadge, DialogComboboxLoadingSpinner, DialogComboboxOptionControlledList, DialogComboboxOptionList, DialogComboboxOptionListCheckboxItem, DialogComboboxOptionListSearch, DialogComboboxOptionListSelectItem, DialogComboboxSectionHeader, DialogComboboxSeparator, DialogComboboxTrigger, DotsCircleIcon, DownloadIcon, DragIcon, Drawer, Dropdown, DropdownMenu, DuboisDatePicker, Empty, ExpandLessIcon, ExpandMoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, FolderBranchIcon, FolderFillIcon, FolderIcon, FontIcon, ForkIcon, Form, FormDubois, FormUI, FullscreenExitIcon, FullscreenIcon, FunctionIcon, GearFillIcon, GearIcon, GiftIcon, GitCommitIcon, GlobeIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoFillIcon, InfoIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LegacyPopover, LegacyTable, LettersIcon, LightningIcon, LinkIcon, LinkOffIcon, ListBorderIcon, ListIcon, LoadingIcon, LockFillIcon, LockIcon, LockUnlockedIcon, MIcon, Menu, MenuIcon, MinusBoxIcon, MinusCircleFillIcon, MinusCircleIcon, Modal, ModelsIcon, Nav, NavButton, NoIcon, NotebookIcon, Notification, NotificationIcon, NotificationOffIcon, NumbersIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, Panel, PanelBody, PanelHeader, PanelHeaderButtons, PanelHeaderTitle, PencilIcon, PinCancelIcon, PinFillIcon, PinIcon, PipelineIcon, PlayCircleFillIcon, PlayCircleIcon, PlayIcon, PlugIcon, PlusCircleFillIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, Popover, QueryEditorIcon, QueryIcon, QuestionMarkFillIcon, QuestionMarkIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, RedoIcon, RefreshIcon, Row, SaveIcon, SchoolIcon, SearchIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, SelectOptGroup, SelectOption, ShareIcon, Sidebar, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, SlidersIcon, SortAscendingIcon, SortDescendingIcon, SortUnsortedIcon, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, Spinner, SplitButton, StarFillIcon, StarIcon, StopCircleFillIcon, StopCircleIcon, StopIcon, StorefrontIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableCell, TableContext, TableFilterInput, TableFilterLayout, TableHeader, TableIcon, TableInfinityIcon, TableLightningIcon, TableRow, TableRowAction, TableRowContext, TableRowMenuContainer, TableRowSelectCell, TableSkeleton, TableSkeletonRows, TableViewIcon, Tabs, Tag, TextBoxIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleButton, Tooltip, TrashIcon, Tree, TreeIcon, UnderlineIcon, UndoIcon, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VariableIcon, VisibleIcon, VisibleOffIcon, WarningFillIcon, WarningIcon, WorkspacesIcon, XCircleFillIcon, XCircleIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__Group, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__VerticalGroup, getPaginationEmotionStyles, getRadioStyles, getTabEmotionStyles, getWrapperStyle, useLegacyNotification, useThemedStyles, visuallyHidden, withNotifications };
+export { Accordion, AccordionPanel, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BinaryIcon, BoldIcon, BookIcon, BookmarkFillIcon, BookmarkIcon, BooksIcon, BracketsCurlyIcon, BracketsSquareIcon, BracketsXIcon, BranchIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CatalogIcon, ChartLineIcon, CheckCircleBadgeIcon, CheckCircleFillIcon, CheckCircleIcon, CheckLineIcon, Checkbox, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDownloadIcon, CloudIcon, CloudKeyIcon, CloudModelIcon, CloudOffIcon, CloudUploadIcon, CodeIcon, Col, ColorFillIcon, ColumnIcon, ConnectIcon, Content, CopyIcon, CursorPagination, CursorTypeIcon, DIcon, DagIcon, DangerFillIcon, DangerIcon, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DecimalIcon, DialogCombobox, DialogComboboxButtonContainer, DialogComboboxContent, DialogComboboxCountBadge, DialogComboboxLoadingSpinner, DialogComboboxOptionControlledList, DialogComboboxOptionList, DialogComboboxOptionListCheckboxItem, DialogComboboxOptionListSearch, DialogComboboxOptionListSelectItem, DialogComboboxSectionHeader, DialogComboboxSeparator, DialogComboboxTrigger, DotsCircleIcon, DownloadIcon, DragIcon, Drawer, Dropdown, DropdownMenu, DuboisDatePicker, Empty, ExpandLessIcon, ExpandMoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, FolderBranchIcon, FolderFillIcon, FolderIcon, FontIcon, ForkIcon, Form, FormDubois, FormUI, FullscreenExitIcon, FullscreenIcon, FunctionIcon, GearFillIcon, GearIcon, GiftIcon, GitCommitIcon, GlobeIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoFillIcon, InfoIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LegacyPopover, LegacyTable, LettersIcon, LightningIcon, LinkIcon, LinkOffIcon, ListBorderIcon, ListIcon, LoadingIcon, LockFillIcon, LockIcon, LockUnlockedIcon, MIcon, Menu, MenuIcon, MinusBoxIcon, MinusCircleFillIcon, MinusCircleIcon, Modal, ModelsIcon, Nav, NavButton, NoIcon, NotebookIcon, Notification, NotificationIcon, NotificationOffIcon, NumbersIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, Panel, PanelBody, PanelHeader, PanelHeaderButtons, PanelHeaderTitle, PencilIcon, PinCancelIcon, PinFillIcon, PinIcon, PipelineIcon, PlayCircleFillIcon, PlayCircleIcon, PlayIcon, PlugIcon, PlusCircleFillIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, Popover, QueryEditorIcon, QueryIcon, QuestionMarkFillIcon, QuestionMarkIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, RedoIcon, RefreshIcon, Row, SaveIcon, SchoolIcon, SearchIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, SelectOptGroup, SelectOption, SelectV2, SelectV2Content, SelectV2Option, SelectV2OptionGroup, SelectV2Trigger, ShareIcon, Sidebar, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, SlidersIcon, SortAscendingIcon, SortDescendingIcon, SortUnsortedIcon, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, Spinner, SplitButton, StarFillIcon, StarIcon, StopCircleFillIcon, StopCircleIcon, StopIcon, StorefrontIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableCell, TableContext, TableFilterInput, TableFilterLayout, TableHeader, TableIcon, TableInfinityIcon, TableLightningIcon, TableRow, TableRowAction, TableRowContext, TableRowMenuContainer, TableRowSelectCell, TableSkeleton, TableSkeletonRows, TableViewIcon, Tabs, Tag, TextBoxIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleButton, Tooltip, TrashIcon, Tree, TreeIcon, UnderlineIcon, UndoIcon, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VisibleIcon, VisibleOffIcon, WarningFillIcon, WarningIcon, WorkspacesIcon, XCircleFillIcon, XCircleIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__Group, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__VerticalGroup, getPaginationEmotionStyles, getRadioStyles, getTabEmotionStyles, getWrapperStyle, useLegacyNotification, useThemedStyles, visuallyHidden, withNotifications };
 //# sourceMappingURL=index.js.map