@itcase/ui 1.1.10 → 1.1.13

package/dist/components/LanguageSelector.js

@@ -1,14 +1,15 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { I as Icon } from '../Icon-C1j6rkeI.js';
-import '../_tslib-S-VPg1Cw.js';
+export { L as LanguageSelector } from '../LanguageSelector-TZEgbNsG.js';
 import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../Icon-Duj1nynQ.js';
+import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
@@ -16,91 +17,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';
-
-function LanguageSelectorItem(props) {
-  const {
-    label,
-    iconSize,
-    SvgImage,
-    isActive,
-    onClick
-  } = props;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('lang__item', isActive && 'lang__item_state_current'),
-    onClick: onClick
-  }, SvgImage && /*#__PURE__*/React__default.createElement(Icon, {
-    size: iconSize,
-    SvgImage: SvgImage
-  }), label);
-}
-LanguageSelectorItem.propTypes = {
-  iconSize: PropTypes.number,
-  isActive: PropTypes.bool,
-  label: PropTypes.string,
-  SvgImage: PropTypes.element,
-  onClick: PropTypes.func
-};
-function LanguageSelector(props) {
-  const {
-    currentLanguage,
-    languagesItems = [],
-    className,
-    setLanguage
-  } = props;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'lang')
-  }, languagesItems.map(languageItem => /*#__PURE__*/React__default.createElement(LanguageSelectorItem, {
-    iconSize: languageItem.iconSize,
-    isActive: currentLanguage === languageItem.value,
-    key: `languageItem_${languageItem.value}`,
-    label: languageItem.label,
-    SvgImage: languageItem.SvgImage,
-    onClick: () => setLanguage && setLanguage(languageItem.value)
-  })));
-}
-LanguageSelector.propTypes = {
-  className: PropTypes.string,
-  currentLanguage: PropTypes.string,
-  languagesItems: PropTypes.array,
-  setLanguage: PropTypes.func
-};
-LanguageSelector.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "LanguageSelector",
-  "props": {
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "currentLanguage": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "languagesItems": {
-      "description": "",
-      "type": {
-        "name": "array"
-      },
-      "required": false
-    },
-    "setLanguage": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { LanguageSelector };

package/dist/components/Loader.js

@@ -1,4 +1,4 @@
-export { L as Loader, l as loaderConfig } from '../Loader-BUgSIcId.js';
+export { L as Loader, l as loaderConfig } from '../Loader-YZrWGaNy.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,4 +13,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';

package/dist/components/Menu.js

@@ -1,4 +1,4 @@
-export { M as Menu } from '../Menu-89epjC8r.js';
+export { M as Menu } from '../Menu-Kpe1GMns.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,7 +13,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../MenuItem-DvpftOnP.js';
+import '../MenuItem-C5BPgTO7.js';
 import '../Link-CbCqej5B.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';

package/dist/components/MenuItem.js

@@ -1,4 +1,4 @@
-export { M as MenuItem, m as menuItemConfig } from '../MenuItem-DvpftOnP.js';
+export { M as MenuItem, m as menuItemConfig } from '../MenuItem-C5BPgTO7.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -15,4 +15,4 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CbCqej5B.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IModalProps, IModalRef } from './Modal.interface';
+declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<IModalRef>>;
+export { Modal };

package/dist/components/Modal/Modal.interface.d.ts

@@ -0,0 +1,30 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillGradientPropsType, fillPropsType } from '../../types';
+export interface IModalLoaderProps {
+}
+export interface IModalRef {
+    isOpen: boolean;
+    openModal: () => void;
+    closeModal: MouseEventHandler<HTMLDivElement>;
+    modalElement: Element | HTMLDivElement | null;
+}
+export interface IModalProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    closeButton?: ReactNode;
+    contentClassName?: string;
+    id?: string;
+    isOverlay?: boolean;
+    overlayClassName?: string;
+    overlayFill?: fillPropsType;
+    overlayFillGradient?: fillGradientPropsType;
+    overlayOpacity?: string;
+    isOpen: boolean;
+    isScrollOnOpen?: boolean;
+    isSetFocusOnOpen?: boolean;
+    modalQuerySelector?: string;
+    debug?: boolean;
+    onCloseModal?: unknown;
+    onOpenModal?: unknown;
+}

package/dist/components/Modal/ModalLoader.d.ts

@@ -0,0 +1,3 @@
+import { IModalLoaderProps } from './Modal.interface';
+declare function ModalLoader(props: IModalLoaderProps): import("react/jsx-runtime").JSX.Element;
+export { ModalLoader };

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

@@ -0,0 +1,3 @@
+import { Modal } from './Modal';
+import { ModalLoader } from './ModalLoader';
+export { Modal, ModalLoader };

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
-export { M as Modal, a as ModalLoader } from '../ModalLoader-CushfGnC.js';
+export { M as Modal, a as ModalLoader } from '../ModalLoader-8l8YtIvz.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
-import 'prop-types';
-import 'react-dom';
 import 'clsx';
-import '../Overlay-C4gCb0sL.js';
-import '../jsx-runtime-C2uP7l8s.js';
+import 'react-dom';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Loader-BUgSIcId.js';
-import '../Text-edtauAM6.js';
+import '../Overlay-C4gCb0sL.js';
+import '../Loader-YZrWGaNy.js';
+import '../Text-CxrzHFN1.js';

package/dist/components/Notification.js

@@ -1,4 +1,4 @@
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-D_NNtwS1.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-CJ-hNA9W.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -11,7 +11,7 @@ import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Pagination.js

@@ -1,4 +1,4 @@
-export { P as Pagination } from '../Pagination-0sADvbwj.js';
+export { P as Pagination } from '../Pagination-LXBlrbZT.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -11,16 +11,16 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../DropdownItem-DOBsvnrL.js';
+import '../DropdownItem-BaQXZu0w.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Divider-D0TEKxHr.js';
+import '../Divider-Dhj6sMWd.js';
 import '../Link-CbCqej5B.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-edtauAM6.js';
-import '../Icon-C1j6rkeI.js';
+import '../Text-CxrzHFN1.js';
+import '../Icon-Duj1nynQ.js';
 import 'react-inlinesvg';
-import '../Tooltip-jT5A43he.js';
+import '../Tooltip-CcwyN7PD.js';
 import '../Title-BUN57fWw.js';

package/dist/components/Panel.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { G as Group } from '../Group-C2kJKhWJ.js';
-import { T as Text } from '../Text-edtauAM6.js';
+import { T as Text } from '../Text-CxrzHFN1.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';

package/dist/components/Radio.js

@@ -1,4 +1,4 @@
-export { R as Radio, r as radioConfig } from '../Radio-DFeWsO4E.js';
+export { R as Radio, r as radioConfig } from '../Radio-Ca2-2PPF.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Response.js

@@ -1,4 +1,4 @@
-export { R as Response, r as responseConfig } from '../Response-C5_yetym.js';
+export { R as Response, r as responseConfig } from '../Response-Nzg8ooT8.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,12 +14,12 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Button-CyO_Wl49.js';
-import '../Icon-C1j6rkeI.js';
+import '../Button-BXClqM-t.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';
-import '../Loader-BUgSIcId.js';
+import '../Loader-YZrWGaNy.js';
 import '../Group-C2kJKhWJ.js';

package/dist/components/Search/Search.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, textColorPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, widthPropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 export interface ISearchThemeColor {
     borderColor?: borderColorPropsType;
@@ -25,7 +25,7 @@ export interface ISearchThemeColor {
     placeholderTextStyle?: textStylePropsType;
     placeholderTextWeight?: textWeightPropsType;
     shape?: shapePropsType;
-    size?: sizePropsType;
+    size?: 'compact' | 'normal' | 's' | 'l';
     width?: widthPropsType;
 }
 type appearanceKeysType = appearanceKeysDefaultType & {};

package/dist/components/Search.js

@@ -1,4 +1,4 @@
-export { S as SearchInput, a as SearchResult, s as searchInputConfig } from '../SearchResult-C0kjGm-o.js';
+export { S as SearchInput, a as SearchResult, s as searchInputConfig } from '../SearchResult-B6Jd1xZO.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,12 +13,12 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';
 import '../Scrollbar-DrRNpn12.js';
 import 'react-scrollbars-custom';

package/dist/components/Segmented.js

@@ -1,4 +1,4 @@
-export { S as Segmented, s as segmentedConfig } from '../Segmented-C56XBzTH.js';
+export { S as Segmented, s as segmentedConfig } from '../Segmented-pa7MGnor.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-edtauAM6.js';
+import '../Text-CxrzHFN1.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Select.js

@@ -2,15 +2,15 @@ import * as React from 'react';
 import React__default, { forwardRef, useContext, useLayoutEffect, useEffect, useRef, useState, createContext, useMemo, useCallback, Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import Select$1, { components as components$1 } from 'react-select';
-import { I as Icon } from '../Icon-C1j6rkeI.js';
+import { I as Icon } from '../Icon-Duj1nynQ.js';
 import clsx from 'clsx';
 import { createPortal } from 'react-dom';
 import { a as autoUpdate } from '../floating-ui.dom-B080ZrCv.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-edtauAM6.js';
-import { B as Badge } from '../Badge-DPM6qrjA.js';
+import { T as Text } from '../Text-CxrzHFN1.js';
+import { B as Badge } from '../Badge-D-4zpdfU.js';
 import { G as Group$2 } from '../Group-C2kJKhWJ.js';
-import { D as Divider } from '../Divider-D0TEKxHr.js';
+import { D as Divider } from '../Divider-Dhj6sMWd.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react-inlinesvg';
@@ -23,21 +23,42 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
+import '../Tooltip-CcwyN7PD.js';
 import '../Title-BUN57fWw.js';
 import 'lodash/castArray';
 
-const SelectClearIndicator = props => {
+// For use memo need to check "ClearIndicator" props
+// const SelectClearIndicator = React.memo(
+function SelectClearIndicator(props) {
+  const {
+    children
+  } = props;
   const {
     clearIcon,
     clearIconFill
   } = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components$1.ClearIndicator, props, clearIcon ? /*#__PURE__*/React__default.createElement(Icon, {
-    SvgImage: clearIcon,
-    iconFill: clearIconFill
-  }) : props.children);
-};
+    iconFill: clearIconFill,
+    SvgImage: clearIcon
+  }) : children);
+}
+//   ,
+//   function arePropsEqual(oldProps, newProps) {
+//     const oldClearIcon = oldProps.selectProps.clearIcon
+//     const oldClearIconFill = oldProps.selectProps.clearIconFill
+
+//     const newClearIcon = newProps.selectProps.clearIcon
+//     const newClearIconFill = newProps.selectProps.clearIconFill
+
+//     const isClearIconSame = oldClearIcon === newClearIcon
+//     const isClearIconFillSame = oldClearIconFill === newClearIconFill
+
+//     return isClearIconSame && isClearIconFillSame
+//   },
+// )
+
 SelectClearIndicator.propTypes = {
+  children: PropTypes.any,
   selectProps: PropTypes.shape({
     clearIcon: PropTypes.string,
     clearIconFill: PropTypes.string
@@ -48,6 +69,13 @@ SelectClearIndicator.__docgenInfo = {
   "methods": [],
   "displayName": "SelectClearIndicator",
   "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
     "selectProps": {
       "description": "",
       "type": {
@@ -7364,7 +7392,12 @@ SelectControl.__docgenInfo = {
   }
 };
 
-const SelectDropdownIndicator = props => {
+// For use memo need to check "DropdownIndicator" props
+// const SelectDropdownIndicator = React.memo(
+function SelectDropdownIndicator(props) {
+  const {
+    children
+  } = props;
   const {
     dropdownFillHover,
     dropdownIcon,
@@ -7372,13 +7405,40 @@ const SelectDropdownIndicator = props => {
     dropdownIconShape
   } = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components$1.DropdownIndicator, props, dropdownIcon ? /*#__PURE__*/React__default.createElement(Icon, {
-    SvgImage: dropdownIcon,
-    iconFill: dropdownIconFill,
     fillHover: dropdownFillHover,
-    shape: dropdownIconShape
-  }) : props.children);
-};
+    iconFill: dropdownIconFill,
+    shape: dropdownIconShape,
+    SvgImage: dropdownIcon
+  }) : children);
+}
+// ,
+//   function arePropsEqual(oldProps, newProps) {
+//     const oldDropdownFillHover = oldProps.selectProps.dropdownFillHover
+//     const oldDropdownIcon = oldProps.selectProps.dropdownIcon
+//     const oldDropdownIconFill = oldProps.selectProps.dropdownIconFill
+//     const oldDropdownIconShape = oldProps.selectProps.dropdownIconShape
+
+//     const newDropdownFillHover = newProps.selectProps.dropdownFillHover
+//     const newDropdownIcon = newProps.selectProps.dropdownIcon
+//     const newDropdownIconFill = newProps.selectProps.dropdownIconFill
+//     const newDropdownIconShape = newProps.selectProps.dropdownIconShape
+
+//     const isDropdownFillHoverSame = oldDropdownFillHover === newDropdownFillHover
+//     const isDropdownIconSame = oldDropdownIcon === newDropdownIcon
+//     const isDropdownIconFillSame = oldDropdownIconFill === newDropdownIconFill
+//     const isDropdownIconShapeSame = oldDropdownIconShape === newDropdownIconShape
+
+//     return (
+//       isDropdownFillHoverSame &&
+//       isDropdownIconSame &&
+//       isDropdownIconFillSame &&
+//       isDropdownIconShapeSame
+//     )
+//   },
+// )
+
 SelectDropdownIndicator.propTypes = {
+  children: PropTypes.any,
   selectProps: PropTypes.shape({
     // "dropdownIcon" is SvgImage(file.svg)
     dropdownFillHover: PropTypes.string,
@@ -7392,6 +7452,13 @@ SelectDropdownIndicator.__docgenInfo = {
   "methods": [],
   "displayName": "SelectDropdownIndicator",
   "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
     "selectProps": {
       "description": "",
       "type": {
@@ -7536,6 +7603,19 @@ SelectInput.__docgenInfo = {
   }
 };
 
+const SelectLoadingIndicator = props => {
+  const {
+    loadingIndicator
+  } = props.selectProps;
+  // Original indicator
+  // <components.LoadingIndicator {...props}>
+  // </components.LoadingIndicator>
+  return loadingIndicator;
+};
+SelectLoadingIndicator.propTypes = {
+  selectProps: PropTypes.shape({})
+};
+
 const SelectMenu = props => {
   const {
     elevation,
@@ -7999,8 +8079,11 @@ const SelectContainer = /*#__PURE__*/React__default.forwardRef(function SelectCo
     instanceId,
     isClearable,
     isCreatable,
+    isDisabled,
+    isLoading,
     isMulti,
     isSearchable,
+    loadingMessage,
     menuItemSize,
     noOptionsText,
     openMenuOnClick,
@@ -8019,6 +8102,12 @@ const SelectContainer = /*#__PURE__*/React__default.forwardRef(function SelectCo
   } = props;
   const defaultRef = useRef(null);
   const selectRef = ref || defaultRef;
+
+  // React-select wai function as "loadingMessage" property
+  const getLoadingMessage = useCallback(params => {
+    // const { inputValue } = params
+    return loadingMessage;
+  }, [loadingMessage]);
   const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
@@ -8162,7 +8251,8 @@ const SelectContainer = /*#__PURE__*/React__default.forwardRef(function SelectCo
       Placeholder: SelectPlaceholder,
       ValueContainer: SelectValueContainer,
       NoOptionsMessage: SelectNoOptions,
-      GroupHeading: SelectGroupHeading
+      GroupHeading: SelectGroupHeading,
+      LoadingIndicator: SelectLoadingIndicator
     },
     defaultValue: initialValue,
     dividerDirection: dividerDirection,
@@ -8191,8 +8281,11 @@ const SelectContainer = /*#__PURE__*/React__default.forwardRef(function SelectCo
     inputTextColor: inputTextColorClass || selectAppearanceItem.inputTextColor,
     inputTextSize: inputTextSizeClass || selectAppearanceItem.inputTextSize,
     isClearable: isClearable,
+    isDisabled: isDisabled,
+    isLoading: isLoading,
     isMulti: isMulti,
     isSearchable: isSearchable,
+    loadingMessage: getLoadingMessage,
     menuAfter: menuAfter,
     menuBefore: menuBefore,
     menuItemSize: menuItemSize,

package/dist/components/SiteMenu.js

@@ -1,4 +1,4 @@
-export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-Do8ZNCkl.js';
+export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-CcCAsJtr.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import 'react-responsive';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
-import '../Icon-C1j6rkeI.js';
+import '../Icon-Duj1nynQ.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,6 +17,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CbCqej5B.js';
-import '../Tooltip-jT5A43he.js';
-import '../Text-edtauAM6.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
 import '../Title-BUN57fWw.js';

package/dist/components/Swiper.js

@@ -1,4 +1,4 @@
-export { S as Swiper } from '../Swiper-BYPes9JY.js';
+export { S as Swiper } from '../Swiper-JdwU0uca.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

package/dist/components/Tab.js

@@ -1,4 +1,4 @@
-export { T as Tab, a as TabGroup, t as tabConfig } from '../TabGroup-DRiFyK3Z.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from '../TabGroup-DieipbE3.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,8 +13,8 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Badge-DPM6qrjA.js';
-import '../Text-edtauAM6.js';
-import '../Divider-D0TEKxHr.js';
+import '../Badge-D-4zpdfU.js';
+import '../Text-CxrzHFN1.js';
+import '../Divider-Dhj6sMWd.js';
 import '../Link-CbCqej5B.js';
 import '../_tslib-S-VPg1Cw.js';