rsuite 5.73.1 → 5.74.0

package/cjs/internals/CloseButton/CloseButton.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "locale"];
 /**
  * Close button for components such as Message and Notification.
@@ -21,17 +22,19 @@ var CloseButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     overrideLocale = props.locale,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
-  var _useCustom = (0, _hooks.useCustom)('CloseButton', overrideLocale),
-    locale = _useCustom.locale;
+  var _getLocale = getLocale('CloseButton', overrideLocale),
+    closeLabel = _getLocale.closeLabel;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     type: "button",
     ref: ref,
     className: classes,
-    "aria-label": locale === null || locale === void 0 ? void 0 : locale.closeLabel
+    "aria-label": closeLabel
   }, rest), /*#__PURE__*/_react.default.createElement(_Close.default, null));
 });
 CloseButton.displayName = 'CloseButton';

package/cjs/internals/Menu/Menu.js

@@ -9,9 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
+var _useMenu = _interopRequireDefault(require("./useMenu"));
 var _hooks = require("../hooks");
 var _constants = require("../constants");
-var _useMenu = _interopRequireDefault(require("./useMenu"));
+var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -58,7 +59,7 @@ function Menu(_ref) {
     dispatch = menu[1];
   var openControlled = typeof openProp !== 'undefined';
   var open = openControlled ? openProp : openState;
-  var _useCustom = (0, _hooks.useCustom)('Menu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
   var _useFocus = (0, _hooks.useFocus)(menuElementRef),

package/cjs/internals/Menu/Menubar.js

@@ -6,11 +6,11 @@ exports.__esModule = true;
 exports.default = Menubar;
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _useMenu = _interopRequireDefault(require("./useMenu"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 var _constants = require("../constants");
-var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
-var _useMenu = _interopRequireDefault(require("./useMenu"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Headless ARIA `menubar`
@@ -54,7 +54,7 @@ function Menubar(_ref) {
       });
     }
   }, [dispatch]);
-  var _useCustom = (0, _hooks.useCustom)('Menubar'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var onKeyDown = (0, _react.useCallback)(function (event) {
     var _items$activeItemInde, _items$activeItemInde2;

package/cjs/internals/Overlay/OverlayTrigger.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
 import React from 'react';
-import { AnimationEventProps, StandardProps, TypeAttributes } from '../types';
-import { PositionChildProps } from './Position';
+import type { AnimationEventProps, StandardProps, TypeAttributes } from '../types';
+import type { PositionChildProps } from './Position';
 export type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {
     /** Triggering events */

package/cjs/internals/Overlay/OverlayTrigger.js

@@ -6,16 +6,16 @@ exports.__esModule = true;
 exports.default = exports.OverlayCloseCause = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
 var _react = _interopRequireWildcard(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
+var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var _Overlay = _interopRequireDefault(require("./Overlay"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _ReactChildren = require("../utils/ReactChildren");
-var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var _excluded = ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -151,7 +151,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     setOpen(nextOpen);
   }, [open, onOpen, onClose, setOpen]);
   var handleOpen = (0, _react.useCallback)(function (delay) {
-    var ms = (0, _isUndefined2.default)(delay) ? delayOpen : delay;
+    var ms = (0, _isUndefined.default)(delay) ? delayOpen : delay;
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
@@ -163,7 +163,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     handleOpenChange(true);
   }, [delayOpen, handleOpenChange]);
   var handleClose = (0, _react.useCallback)(function (delay, closeCause) {
-    var ms = (0, _isUndefined2.default)(delay) ? delayClose : delay;
+    var ms = (0, _isUndefined.default)(delay) ? delayClose : delay;
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;

package/cjs/internals/Picker/PickerIndicator.js

@@ -6,10 +6,11 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
-var _hooks = require("../hooks");
 var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _Loader = _interopRequireDefault(require("../../Loader"));
+var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var PickerIndicator = function PickerIndicator(_ref) {
   var loading = _ref.loading,
     caretAs = _ref.caretAs,
@@ -18,8 +19,10 @@ var PickerIndicator = function PickerIndicator(_ref) {
     _ref$as = _ref.as,
     Component = _ref$as === void 0 ? _InputGroup.default.Addon : _ref$as,
     disabled = _ref.disabled;
-  var _useCustom = (0, _hooks.useCustom)(),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('common'),
+    clear = _getLocale.clear;
   var _useClassNames = (0, _hooks.useClassNames)('picker'),
     prefix = _useClassNames.prefix;
   var addon = function addon() {
@@ -34,14 +37,15 @@ var PickerIndicator = function PickerIndicator(_ref) {
         className: prefix('clean'),
         tabIndex: -1,
         locale: {
-          closeLabel: locale === null || locale === void 0 ? void 0 : locale.clear
+          closeLabel: clear
         },
         onClick: onClose
       });
     }
     return caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
       as: caretAs,
-      className: prefix('caret-icon')
+      className: prefix('caret-icon'),
+      "data-testid": "caret"
     });
   };
   var props = Component === _InputGroup.default.Addon ? {

package/cjs/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../types';
+import type { TypeAttributes, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -11,6 +11,7 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"];
 var omitTriggerPropKeys = exports.omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 var pickTriggerPropKeys = exports.pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
@@ -30,7 +31,7 @@ var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var pickerTriggerProps = (0, _pick.default)(pickerProps, pickTriggerPropKeys);
   var pickerId = (0, _hooks.useUniqueId)('rs-', id);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   return /*#__PURE__*/_react.default.createElement(ComboboxContextContext.Provider, {
     value: {

package/cjs/internals/Picker/SelectedElement.d.ts

@@ -6,7 +6,7 @@ export interface SelectedElementProps {
     labelKey: string;
     countable: boolean;
     cascade?: boolean;
-    locale?: PickerLocale;
+    locale?: Partial<PickerLocale>;
     childrenKey?: string;
     prefix: (name: string) => string;
 }

package/cjs/internals/Plaintext/Plaintext.js

@@ -8,14 +8,15 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "children", "localeKey", "placeholder"];
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
  */
 var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Plaintext'),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -25,7 +26,7 @@ var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$localeKey = props.localeKey,
     localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? getLocale('Plaintext')[localeKey] || '' : _props$placeholder,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/internals/Ripple/Ripple.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../types';
+import type { WithAsProps } from '../types';
 export interface RippleProps extends WithAsProps {
     onMouseDown?: (position: any, event: React.MouseEvent) => void;
 }

package/cjs/internals/Ripple/Ripple.js

@@ -10,9 +10,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
-var _hooks = require("../hooks");
 var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
+var _hooks = require("../hooks");
 var _utils = require("../utils");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["as", "className", "classPrefix", "onMouseDown"],
   _excluded2 = ["className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -37,7 +38,7 @@ var getPosition = function getPosition(target, event) {
  * @private
  */
 var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     disableRipple = _useCustom.disableRipple;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'span' : _props$as,

package/cjs/internals/Windowing/List.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps, ListProps as BaseListProps } from 'react-window';
-import { RsRefForwardingComponent } from '../types';
+import type { RsRefForwardingComponent } from '../types';
 export declare const defaultItemSize: () => number;
 export interface ListProps<T = any> extends Omit<BaseListProps, 'width'> {
     ref?: React.Ref<ListHandle>;

package/cjs/internals/Windowing/List.js

@@ -7,9 +7,9 @@ exports.defaultItemSize = exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactWindow = require("react-window");
-var _hooks = require("../hooks");
 var _ScrollView = _interopRequireDefault(require("../ScrollView"));
+var _reactWindow = require("react-window");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["rowHeight", "as", "itemSize", "scrollShadow"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -36,7 +36,7 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     scrollShadow = props.scrollShadow,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var listRef = (0, _react.useRef)(null);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   (0, _react.useImperativeHandle)(ref, function () {
     return {

package/cjs/internals/hooks/index.d.ts

@@ -1,7 +1,6 @@
 export { useClassNames } from './useClassNames';
 export { useClickOutside } from './useClickOutside';
 export { useControlled } from './useControlled';
-export { useCustom } from './useCustom';
 export { useElementResize } from './useElementResize';
 export { useEnsuredRef } from './useEnsuredRef';
 export { useEventCallback } from './useEventCallback';

package/cjs/internals/hooks/index.js

@@ -2,15 +2,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useCustom = exports.useControlled = exports.useClickOutside = exports.useClassNames = void 0;
+exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useControlled = exports.useClickOutside = exports.useClassNames = void 0;
 var _useClassNames = require("./useClassNames");
 exports.useClassNames = _useClassNames.useClassNames;
 var _useClickOutside = require("./useClickOutside");
 exports.useClickOutside = _useClickOutside.useClickOutside;
 var _useControlled = require("./useControlled");
 exports.useControlled = _useControlled.useControlled;
-var _useCustom = require("./useCustom");
-exports.useCustom = _useCustom.useCustom;
 var _useElementResize = require("./useElementResize");
 exports.useElementResize = _useElementResize.useElementResize;
 var _useEnsuredRef = require("./useEnsuredRef");

package/cjs/internals/hooks/useToggleCaret.js

@@ -6,25 +6,25 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useToggleCaret = useToggleCaret;
 var _react = require("react");
-var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
-var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _useCustom2 = _interopRequireDefault(require("./useCustom"));
+var _ArrowUpLine = _interopRequireDefault(require("@rsuite/icons/ArrowUpLine"));
+var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
+var _CustomProvider = require("../../CustomProvider");
 function useToggleCaret(placement) {
-  var _useCustom = (0, _useCustom2.default)('Dropdown'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   return (0, _react.useMemo)(function () {
     switch (true) {
       case /^top/.test(placement):
-        return _AngleUp.default;
+        return _ArrowUpLine.default;
       case /^right/.test(placement):
-        return rtl ? _AngleLeft.default : _AngleRight.default;
+        return rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
       case /^left/.test(placement):
-        return rtl ? _AngleRight.default : _AngleLeft.default;
+        return rtl ? _ArrowRightLine.default : _ArrowLeftLine.default;
       case /^bottom/.test(placement):
       default:
-        return _AngleDown.default;
+        return _ArrowDownLine.default;
     }
   }, [placement, rtl]);
 }

package/cjs/internals/utils/createComponent.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["name", "componentAs", "componentClassPrefix"],
   _excluded2 = ["as", "classPrefix", "className", "role"];
 /**
@@ -22,13 +23,15 @@ function createComponent(_ref) {
     componentClassPrefix = _ref.componentClassPrefix,
     defaultProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var Component = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-    var _props$as = props.as,
-      Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _props$classPrefix,
-      className = props.className,
-      role = props.role,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    var _useCustom = (0, _CustomProvider.useCustom)(name, props),
+      propsWithDefaults = _useCustom.propsWithDefaults;
+    var _propsWithDefaults$as = propsWithDefaults.as,
+      Component = _propsWithDefaults$as === void 0 ? componentAs || 'div' : _propsWithDefaults$as,
+      _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+      classPrefix = _propsWithDefaults$cl === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _propsWithDefaults$cl,
+      className = propsWithDefaults.className,
+      role = propsWithDefaults.role,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded2);
     var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;

package/cjs/internals/utils/date/types.d.ts

@@ -1,3 +1,5 @@
+import type { Locale as DateFnsLocale } from 'date-fns';
+import type { DateFns } from '../../types';
 export declare enum TimeProp {
     DisabledHours = "disabledHours",
     DisabledMinutes = "disabledMinutes",
@@ -11,3 +13,54 @@ export declare enum TimeProp {
 }
 export type CalendarOnlyPropsType = TimeProp;
 export declare const calendarOnlyProps: readonly [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.HideHours, TimeProp.HideMinutes, TimeProp.HideSeconds];
+export interface FormatDateOptions {
+    /**
+     * The locale object that contains the language and formatting rules for the date.
+     */
+    locale?: DateFnsLocale;
+    /**
+     * Defines which day of the week should be considered the start of the week.
+     *
+     * The value should be an integer from 0 to 6, where:
+     * - `0` represents Sunday,
+     * - `1` represents Monday,
+     * - `2` represents Tuesday,
+     * - `3` represents Wednesday,
+     * - `4` represents Thursday,
+     * - `5` represents Friday,
+     * - `6` represents Saturday.
+     *
+     * This option is important for functions that operate on weeks, such as calculating
+     * the start or end of a week, determining which week a date falls in, or generating
+     * calendar views. The default value varies depending on the locale, with Monday (`1`)
+     * being the default in most regions following ISO 8601, while Sunday (`0`) is often
+     * the default in regions like the United States.
+     */
+    weekStartsOn?: DateFns.Day;
+    /**
+     * `firstWeekContainsDate` is used to determine which week is considered the first week of the year.
+     *
+     * This option specifies the minimum day of January that must be included in the first week.
+     *
+     * The value can be set to:
+     * - `1`: The first week of the year must include January 1st.
+     * - `4`: The first week of the year must include January 4th, which is the default according to ISO 8601.
+     *
+     * The choice between `1` and `4` typically depends on the regional or business conventions for week numbering.
+     *
+     * Please note that this option only accepts `1` (Sunday) or `4` (Thursday), aligning with common international standards.
+     *
+     * For more detailed information, please refer to https://en.wikipedia.org/wiki/Week#Week_numbering.
+     */
+    firstWeekContainsDate?: DateFns.FirstWeekContainsDate;
+    /**
+     * If true, allows usage of the week-numbering year tokens `YY` and `YYYY`.
+     * See: https://date-fns.org/docs/Unicode-Tokens
+     **/
+    useAdditionalWeekYearTokens?: boolean;
+    /**
+     * If true, allows usage of the day of year tokens `D` and `DD`.
+     * See: https://date-fns.org/docs/Unicode-Tokens
+     */
+    useAdditionalDayOfYearTokens?: boolean;
+}

package/cjs/locales/ar_EG.d.ts

@@ -21,6 +21,27 @@ declare const _default: {
         total: string;
         skip: string;
     };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
     Calendar: {
         sunday: string;
         monday: string;
@@ -85,7 +106,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: any;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -94,6 +115,18 @@ declare const _default: {
     InputPicker: {
         newItem: string;
         createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
     };
     Uploader: {
         inited: string;

package/cjs/locales/ar_EG.js

@@ -27,6 +27,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm aa',
   dateLocale: _arSA.default
 };
+var Combobox = {
+  noResultsText: 'لا يوجد نتائج',
+  placeholder: 'إختيار',
+  searchPlaceholder: 'البحث',
+  checkAll: 'الجميع'
+};
+var CreatableComboBox = (0, _extends2.default)({}, Combobox, {
+  newItem: 'عنصر جديد',
+  createOption: 'إنشاء العنصر "{0}"'
+});
 var _default = exports.default = {
   code: 'ar-SA',
   common: {
@@ -50,21 +60,15 @@ var _default = exports.default = {
     total: 'الإجمالي: {0}',
     skip: 'اذهب إل {0}'
   },
-  Calendar: (0, _extends2.default)({}, DateTimeFormats),
-  DatePicker: (0, _extends2.default)({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
     last7Days: 'أخر 7 أيام'
   }),
-  Picker: {
-    noResultsText: 'لا يوجد نتائج',
-    placeholder: 'إختيار',
-    searchPlaceholder: 'البحث',
-    checkAll: 'الجميع'
-  },
-  InputPicker: {
-    newItem: 'عنصر جديد',
-    createOption: 'إنشاء العنصر "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: 'تم البدء',
     progress: 'جاري الرفع',

package/cjs/locales/ca_ES.d.ts

@@ -21,6 +21,31 @@ declare const _default: {
         total: string;
         skip: string;
     };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: Locale;
+    };
     Calendar: {
         sunday: string;
         monday: string;
@@ -97,7 +122,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: Locale;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -106,6 +131,18 @@ declare const _default: {
     InputPicker: {
         newItem: string;
         createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
     };
     Uploader: {
         inited: string;