rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250424

package/cjs/PinInput/hooks/usePinInputRefs.js

@@ -0,0 +1,62 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.usePinInputRefs = exports.default = void 0;
+var _react = require("react");
+/**
+ * A hook that manages the refs and focus behavior for a PIN input component
+ */
+const usePinInputRefs = (length, autoFocus) => {
+  // Create ref to store input elements
+  const inputRefs = (0, _react.useRef)([]);
+
+  // Initialize the refs array when length changes
+  (0, _react.useEffect)(() => {
+    inputRefs.current = inputRefs.current.slice(0, length);
+  }, [length]);
+
+  // Auto focus the first input on mount if autoFocus is true
+  (0, _react.useEffect)(() => {
+    if (autoFocus && inputRefs.current[0]) {
+      var _inputRefs$current$;
+      (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
+    }
+  }, [autoFocus]);
+
+  // Focus a specific input by index
+  const focusInput = (0, _react.useCallback)(index => {
+    if (index >= 0 && index < length && inputRefs.current[index]) {
+      var _inputRefs$current$in;
+      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.focus();
+      return true;
+    }
+    return false;
+  }, [length]);
+
+  // Focus the next input
+  const focusNextInput = (0, _react.useCallback)(currentIndex => {
+    return focusInput(currentIndex + 1);
+  }, [focusInput]);
+
+  // Focus the previous input
+  const focusPrevInput = (0, _react.useCallback)(currentIndex => {
+    return focusInput(currentIndex - 1);
+  }, [focusInput]);
+
+  // Get ref setter for an input
+  const getRefSetter = (0, _react.useCallback)(index => {
+    return el => {
+      inputRefs.current[index] = el;
+    };
+  }, []);
+  return {
+    inputRefs,
+    focusInput,
+    focusNextInput,
+    focusPrevInput,
+    getRefSetter
+  };
+};
+exports.usePinInputRefs = usePinInputRefs;
+var _default = exports.default = usePinInputRefs;

package/cjs/PinInput/hooks/usePinValue.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Hook for managing pin input value
+ * - Handles controlled/uncontrolled value
+ * - Normalizes value to array format
+ * - Manages array updates and modifications
+ */
+export declare const usePinValue: (controlValue: string | undefined, defaultValue: string, length: number, onChange?: ((value: string) => void) | undefined, onComplete?: ((value: string) => void) | undefined) => {
+    value: string;
+    valueArray: string[];
+    setDigit: (index: number, digit: string) => void;
+    clearDigit: (index: number) => void;
+    updateValue: (newValue: string) => void;
+};
+export default usePinValue;

package/cjs/PinInput/hooks/usePinValue.js

@@ -0,0 +1,73 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.usePinValue = exports.default = void 0;
+var _react = require("react");
+var _hooks = require("../../internals/hooks");
+/**
+ * Hook for managing pin input value
+ * - Handles controlled/uncontrolled value
+ * - Normalizes value to array format
+ * - Manages array updates and modifications
+ */
+const usePinValue = (controlValue, defaultValue, length, onChange, onComplete) => {
+  // Use controlled pattern for value management
+  const [value, setValue] = (0, _hooks.useControlled)(controlValue, defaultValue);
+
+  // Convert string value to array of characters
+  const valueArray = (0, _react.useMemo)(() => {
+    // Ensure value is a string and split it into an array of characters
+    const valueString = value || '';
+    const chars = valueString.split('');
+
+    // Pad the array with empty strings if needed
+    while (chars.length < length) {
+      chars.push('');
+    }
+
+    // Trim the array if it's too long
+    if (chars.length > length) {
+      chars.length = length;
+    }
+    return chars;
+  }, [value, length]);
+
+  // Update specific digit at index
+  const setDigit = (index, digit) => {
+    if (index < 0 || index >= length) return;
+    const newValueArray = [...valueArray];
+    newValueArray[index] = digit;
+    updateValue(newValueArray.join(''));
+  };
+
+  // Clear specific digit at index
+  const clearDigit = index => {
+    if (index < 0 || index >= length) return;
+    const newValueArray = [...valueArray];
+    newValueArray[index] = '';
+    updateValue(newValueArray.join(''));
+  };
+
+  // Set entire value at once
+  const updateValue = newValue => {
+    // Filter out any extra characters beyond length
+    const filteredValue = newValue.slice(0, length);
+    setValue(filteredValue);
+    onChange === null || onChange === void 0 || onChange(filteredValue);
+
+    // Call onComplete if the value is complete
+    if (filteredValue.length === length) {
+      onComplete === null || onComplete === void 0 || onComplete(filteredValue);
+    }
+  };
+  return {
+    value,
+    valueArray,
+    setDigit,
+    clearDigit,
+    updateValue
+  };
+};
+exports.usePinValue = usePinValue;
+var _default = exports.default = usePinValue;

package/cjs/PinInput/index.d.ts

@@ -0,0 +1,4 @@
+import PinInput from './PinInput';
+export type { PinInputProps } from './PinInput';
+export { PinInput };
+export default PinInput;

package/cjs/PinInput/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _PinInput = _interopRequireDefault(require("./PinInput"));
+exports.PinInput = _PinInput.default;
+var _default = exports.default = _PinInput.default;

package/cjs/Placeholder/PlaceholderGraph.js

@@ -8,7 +8,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 /**
  * The `Placeholder.Graph` component is used to display the loading state of the block.
@@ -17,7 +16,7 @@ var _utils = require("../internals/utils");
 const PlaceholderGraph = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('PlaceholderGraph', props);
+  } = (0, _hooks.useCustom)('PlaceholderGraph', props);
   const {
     as,
     className,

package/cjs/Placeholder/PlaceholderGrid.js

@@ -8,7 +8,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -19,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const PlaceholderGrid = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('PlaceholderGrid', props);
+  } = (0, _hooks.useCustom)('PlaceholderGrid', props);
   const {
     as,
     className,

package/cjs/Placeholder/PlaceholderParagraph.js

@@ -8,7 +8,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -19,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const PlaceholderParagraph = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('PlaceholderParagraph', props);
+  } = (0, _hooks.useCustom)('PlaceholderParagraph', props);
   const {
     as,
     className,

package/cjs/Popover/Popover.js

@@ -10,7 +10,6 @@ var _Heading = _interopRequireDefault(require("../Heading"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
@@ -20,7 +19,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Popover = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Popover', props);
+  } = (0, _hooks.useCustom)('Popover', props);
   const {
     as,
     classPrefix = 'popover',

package/cjs/Progress/ProgressCircle.js

@@ -10,7 +10,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _statusIcons = require("../internals/constants/statusIcons");
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
@@ -20,7 +19,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const ProgressCircle = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('ProgressCircle', props);
+  } = (0, _hooks.useCustom)('ProgressCircle', props);
   const {
     as,
     strokeWidth = 6,

package/cjs/Progress/ProgressLine.js

@@ -10,7 +10,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _statusIcons = require("../internals/constants/statusIcons");
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The `Progress.Line` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#line
@@ -18,7 +17,7 @@ var _CustomProvider = require("../CustomProvider");
 const ProgressLine = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('ProgressLine', props);
+  } = (0, _hooks.useCustom)('ProgressLine', props);
   const {
     as,
     className,

package/cjs/Radio/Radio.js

@@ -10,7 +10,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _RadioGroup = require("../RadioGroup/RadioGroup");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
@@ -21,7 +20,7 @@ const Radio = (0, _utils.forwardRef)((props, ref) => {
   const radioContext = (0, _react.useContext)(_RadioGroup.RadioContext);
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Radio', props);
+  } = (0, _hooks.useCustom)('Radio', props);
   const {
     value: groupValue,
     inline: inlineContext,

package/cjs/RadioGroup/RadioGroup.js

@@ -10,7 +10,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const RadioContext = exports.RadioContext = /*#__PURE__*/_react.default.createContext(void 0);
@@ -22,7 +21,7 @@ const RadioContext = exports.RadioContext = /*#__PURE__*/_react.default.createCo
 const RadioGroup = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('RadioGroup', props);
+  } = (0, _hooks.useCustom)('RadioGroup', props);
   const {
     as,
     className,

package/cjs/RadioTile/RadioTile.js

@@ -11,7 +11,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _RadioTileGroup = require("../RadioTileGroup/RadioTileGroup");
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
@@ -22,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const RadioTile = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('RadioTile', props);
+  } = (0, _hooks.useCustom)('RadioTile', props);
   const {
     value: groupValue,
     name: nameContext,

package/cjs/RadioTileGroup/RadioTileGroup.js

@@ -10,7 +10,6 @@ var _Stack = _interopRequireDefault(require("../Stack"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const RadioTileContext = exports.RadioTileContext = /*#__PURE__*/_react.default.createContext({});
@@ -23,7 +22,7 @@ const RadioTileContext = exports.RadioTileContext = /*#__PURE__*/_react.default.
 const RadioTileGroup = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('RadioTileGroup', props);
+  } = (0, _hooks.useCustom)('RadioTileGroup', props);
   const {
     as = _Stack.default,
     className,

package/cjs/RangeSlider/RangeSlider.js

@@ -17,7 +17,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _utils2 = require("../Slider/utils");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const defaultDefaultValue = [0, 0];
@@ -29,7 +28,7 @@ const defaultDefaultValue = [0, 0];
 const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('RangeSlider', props);
+  } = (0, _hooks.useCustom)('RangeSlider', props);
   const {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledby,
@@ -76,7 +75,7 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _hooks.useStyles)(classPrefix);
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)('RangeSlider');
+  } = (0, _hooks.useCustom)('RangeSlider');
   const classes = merge(className, withPrefix({
     vertical,
     disabled,

package/cjs/Rate/Rate.js

@@ -16,7 +16,6 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _utils2 = require("./utils");
 var _useRatingStates = require("./useRatingStates");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The `Rate` component is used for rating. It can be used to evaluate the quality of the content.
  * @see https://rsuitejs.com/components/rate/
@@ -24,7 +23,7 @@ var _CustomProvider = require("../CustomProvider");
 const Rate = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Rate', props);
+  } = (0, _hooks.useCustom)('Rate', props);
   const {
     as = 'ul',
     character = /*#__PURE__*/_react.default.createElement(_Star.default, null),

package/cjs/SelectPicker/SelectPicker.js

@@ -13,7 +13,6 @@ var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const emptyArray = [];
@@ -24,7 +23,7 @@ const emptyArray = [];
 const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('SelectPicker', props);
+  } = (0, _hooks.useCustom)('SelectPicker', props);
   const {
     appearance = 'default',
     as,

package/cjs/Sidebar/Sidebar.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 var _Container = require("../Container/Container");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -20,7 +19,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Sidebar = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Sidebar', props);
+  } = (0, _hooks.useCustom)('Sidebar', props);
   const {
     as = 'aside',
     classPrefix = 'sidebar',

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -17,7 +17,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _Sidenav = require("./Sidenav");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
@@ -46,7 +45,7 @@ const ExpandedSidenavDropdownMenu = (0, _utils.forwardRef)((props, ref) => {
   } = props;
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     merge,
     withPrefix,

package/cjs/Sidenav/Sidenav.js

@@ -16,7 +16,6 @@ var _SidenavGroupLabel = _interopRequireDefault(require("./SidenavGroupLabel"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const SidenavContext = exports.SidenavContext = /*#__PURE__*/_react.default.createContext(null);
@@ -36,7 +35,7 @@ const Subcomponents = {
 const Sidenav = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Sidenav', props);
+  } = (0, _hooks.useCustom)('Sidenav', props);
   const {
     as = 'nav',
     className,

package/cjs/Sidenav/SidenavDropdownMenu.js

@@ -16,7 +16,6 @@ var _ExpandedSidenavDropdownMenu = _interopRequireDefault(require("./ExpandedSid
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
@@ -47,7 +46,7 @@ const SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref)
   } = props;
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {
     onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);

package/cjs/Slider/Slider.d.ts

@@ -44,16 +44,20 @@ export interface SliderProps<T = number> extends BoxProps, FormControlBaseProps<
     placeholder?: React.ReactNode;
     /** Vertical Slide */
     vertical?: boolean;
-    /** If true, tooltip will always be visible  even without hover */
+    /**
+     * If true, tooltip will always be visible  even without hover
+     */
     keepTooltipOpen?: boolean;
     /**
      * A slider can have different sizes.
      *
      * @default 'sm'
+     * @version 6.0.0
      */
     size?: Size;
     /**
      * Custom marks on the ruler
+     * @version 6.0.0
      */
     marks?: {
         value: number;

package/cjs/Slider/Slider.js

@@ -15,7 +15,6 @@ var _Graduated = _interopRequireDefault(require("./Graduated"));
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 var _utils2 = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -28,39 +27,39 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Slider = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Slider', props);
+  } = (0, _hooks.useCustom)('Slider', props);
   const {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledby,
     'aria-valuetext': ariaValuetext,
     as,
-    graduated,
     className,
+    classPrefix = 'slider',
     barClassName,
-    progress,
-    vertical,
+    defaultValue = 0,
     disabled,
-    readOnly,
-    plaintext,
-    classPrefix = 'slider',
-    min = 0,
+    progress,
+    graduated,
     handleClassName,
     handleStyle,
     handleTitle,
-    tooltip = true,
+    keepTooltipOpen,
+    readOnly,
     step = 1,
     size = 'sm',
-    defaultValue = 0,
-    value: valueProp,
+    tooltip = true,
     max: maxProp = 100,
     placeholder,
+    plaintext,
     marks,
+    min = 0,
+    vertical,
+    value: valueProp,
     getAriaValueText,
     renderTooltip,
     renderMark,
     onChange,
     onChangeCommitted,
-    keepTooltipOpen,
     ...rest
   } = propsWithDefaults;
   const barRef = (0, _react.useRef)(null);
@@ -71,7 +70,7 @@ const Slider = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _hooks.useStyles)(classPrefix);
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)('Slider');
+  } = (0, _hooks.useCustom)('Slider');
   const classes = merge(className, withPrefix({
     vertical,
     disabled,

package/cjs/Stack/Stack.js

@@ -10,7 +10,6 @@ var _StackItem = _interopRequireDefault(require("./StackItem"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 const Subcomponents = {
   Item: _StackItem.default
 };
@@ -24,7 +23,7 @@ const Subcomponents = {
 const Stack = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Stack', props);
+  } = (0, _hooks.useCustom)('Stack', props);
   const {
     as,
     alignItems,

package/cjs/Stat/Stat.js

@@ -14,7 +14,6 @@ var _StatTrend = _interopRequireDefault(require("./StatTrend"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 const Subcomponents = {
   Label: _StatLabel.default,
   Value: _StatValue.default,
@@ -25,7 +24,7 @@ const Subcomponents = {
 const Stat = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Stat', props);
+  } = (0, _hooks.useCustom)('Stat', props);
   const {
     as,
     classPrefix = 'stat',

package/cjs/Stat/StatValue.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
+var _FormattedNumber = require("../internals/intl/FormattedNumber");
 const StatValue = (0, _utils.forwardRef)((props, ref) => {
   const {
     as = 'dd',
@@ -29,7 +29,7 @@ const StatValue = (0, _utils.forwardRef)((props, ref) => {
     as: as,
     ref: ref,
     className: classes
-  }, rest), value && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedNumber, {
+  }, rest), value && /*#__PURE__*/_react.default.createElement(_FormattedNumber.FormattedNumber, {
     value: value,
     formatOptions: formatOptions
   }), children);