rsuite 6.0.0-canary-20250403 → 6.0.0-canary-20250424

package/cjs/Rate/useRatingStates.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StarStatus } from './types';
+interface UseRatingStatesParams {
+    value: number;
+    max: number;
+    allowHalf: boolean;
+    valueProp?: number;
+}
+interface UseRatingStatesReturn {
+    starStates: StarStatus[];
+    hoverValue: number;
+    setStarStates: React.Dispatch<React.SetStateAction<StarStatus[]>>;
+    resetStarStates: () => void;
+    getStarStates: (v?: number) => StarStatus[];
+}
+/**
+ * Custom hook to manage rating star states for Rate component
+ */
+export declare const useRatingStates: ({ value, max, allowHalf, valueProp }: UseRatingStatesParams) => UseRatingStatesReturn;
+export {};

package/cjs/Rate/useRatingStates.js

@@ -0,0 +1,48 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.useRatingStates = void 0;
+var _react = require("react");
+var _utils = require("./utils");
+/**
+ * Custom hook to manage rating star states for Rate component
+ */
+const useRatingStates = _ref => {
+  let {
+    value,
+    max,
+    allowHalf,
+    valueProp
+  } = _ref;
+  // Create a function to generate star states based on value
+  const getStarStates = (0, _react.useCallback)(v => {
+    return (0, _utils.transformValueToStarStatus)(typeof v !== 'undefined' ? v : value, max, allowHalf);
+  }, [allowHalf, max, value]);
+
+  // Initialize star states
+  const [starStates, setStarStates] = (0, _react.useState)(getStarStates());
+
+  // Calculate hover value from star states
+  const hoverValue = (0, _utils.transformStarStatusToValue)(starStates);
+
+  // Function to reset star states to current value
+  const resetStarStates = (0, _react.useCallback)(() => {
+    setStarStates(getStarStates());
+  }, [getStarStates]);
+
+  // Update star states when value prop changes
+  (0, _react.useEffect)(() => {
+    if (typeof valueProp !== 'undefined') {
+      setStarStates(getStarStates(valueProp));
+    }
+  }, [valueProp, getStarStates]);
+  return {
+    starStates,
+    setStarStates,
+    resetStarStates,
+    hoverValue,
+    getStarStates
+  };
+};
+exports.useRatingStates = useRatingStates;

package/cjs/Rate/utils.d.ts

@@ -1,3 +1,14 @@
-export type CharacterType = 0 | 0.5 | 1;
-export declare const transformValueToCharacterMap: (value: number, max: number, allowHalf: boolean) => CharacterType[];
-export declare const transformCharacterMapToValue: (characterMap: CharacterType[]) => number;
+import type { StarStatus } from './types';
+/**
+ * Transforms a numeric value into a character map array.
+ */
+export declare const transformValueToStarStatus: (value: number, max: number, allowHalf: boolean) => StarStatus[];
+/**
+ * Transforms a character map array into a numeric value.
+ */
+export declare const transformStarStatusToValue: (characterMap: StarStatus[]) => number;
+/**
+ * Calculates the fractional part of a value as a percentage string.
+ */
+export declare const getFractionalValue: (value: number) => string | undefined;
+export declare const getStarStatus: (status?: StarStatus) => any;

package/cjs/Rate/utils.js

@@ -2,24 +2,65 @@
 "use strict";
 
 exports.__esModule = true;
-exports.transformValueToCharacterMap = exports.transformCharacterMapToValue = void 0;
-const transformValueToCharacterMap = (value, max, allowHalf) => {
+exports.transformValueToStarStatus = exports.transformStarStatusToValue = exports.getStarStatus = exports.getFractionalValue = void 0;
+/**
+ * Transforms a numeric value into a character map array.
+ */
+const transformValueToStarStatus = (value, max, allowHalf) => {
   const characterMap = [];
   for (let i = 0; i < max; i++) {
-    if (i < value) {
-      if (allowHalf && i + 1 > value) {
-        value && characterMap.push(0.5);
+    if (i < value && value >= i + 1) {
+      // Fully filled star
+      characterMap.push(1);
+    } else if (i < value && value < i + 1) {
+      // Partially filled star
+      if (allowHalf) {
+        // Use 0.5 to represent partial fill when half ratings are allowed
+        characterMap.push(0.5);
       } else {
-        characterMap.push(1);
+        // Extract the decimal part
+        characterMap.push(value - i);
       }
     } else {
+      // Empty star
       characterMap.push(0);
     }
   }
   return characterMap;
 };
-exports.transformValueToCharacterMap = transformValueToCharacterMap;
-const transformCharacterMapToValue = characterMap => characterMap.reduce((total, currentValue) => {
+
+/**
+ * Transforms a character map array into a numeric value.
+ */
+exports.transformValueToStarStatus = transformValueToStarStatus;
+const transformStarStatusToValue = characterMap => characterMap.reduce((total, currentValue) => {
   return total + currentValue;
 });
-exports.transformCharacterMapToValue = transformCharacterMapToValue;
+
+/**
+ * Calculates the fractional part of a value as a percentage string.
+ */
+exports.transformStarStatusToValue = transformStarStatusToValue;
+const getFractionalValue = value => {
+  if (!value) {
+    return undefined;
+  }
+  const integer = Math.floor(value);
+  const decimal = value - integer;
+
+  // Round to avoid floating-point precision issues
+  return decimal ? `${Math.round(decimal * 100)}%` : undefined;
+};
+exports.getFractionalValue = getFractionalValue;
+const starStatusMap = {
+  [0]: 'empty',
+  [0.5]: 'half',
+  [1]: 'full'
+};
+const getStarStatus = status => {
+  if (typeof status === 'number') {
+    return starStatusMap[status] || 'frac';
+  }
+  return null;
+};
+exports.getStarStatus = getStarStatus;

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);

package/cjs/StatGroup/StatGroup.js

@@ -9,11 +9,10 @@ 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");
 const StatGroup = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('StatGroup', props);
+  } = (0, _hooks.useCustom)('StatGroup', props);
   const {
     as,
     classPrefix = 'stat-group',

package/cjs/Steps/Steps.js

@@ -10,7 +10,6 @@ var _StepItem = _interopRequireDefault(require("./StepItem"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 const Subcomponents = {
   Item: _StepItem.default
 };
@@ -23,7 +22,7 @@ const Subcomponents = {
 const Steps = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Steps', props);
+  } = (0, _hooks.useCustom)('Steps', props);
   const {
     as,
     classPrefix = 'steps',

package/cjs/Table/Table.js

@@ -10,14 +10,14 @@ var _TableCell = _interopRequireDefault(require("./TableCell"));
 var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
 var _TableColumn = _interopRequireDefault(require("./TableColumn"));
 var _TableColumnGroup = _interopRequireDefault(require("./TableColumnGroup"));
-var _CustomProvider = require("../CustomProvider");
+var _hooks = require("../internals/hooks");
 var _rsuiteTable = require("rsuite-table");
 const CustomTable = /*#__PURE__*/_react.default.forwardRef(function Table(props, ref) {
   const {
     propsWithDefaults,
     rtl,
     getLocale
-  } = (0, _CustomProvider.useCustom)('Table', props);
+  } = (0, _hooks.useCustom)('Table', props);
   const {
     locale: overrideLocale,
     loadAnimation = true,

package/cjs/Tabs/Tabs.js

@@ -12,7 +12,6 @@ var _TabPanel = _interopRequireDefault(require("./TabPanel"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 /**
  * Props for the Tabs component.
  */
@@ -117,7 +116,7 @@ const Tabs = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults,
     rtl
-  } = (0, _CustomProvider.useCustom)('Tabs', props);
+  } = (0, _hooks.useCustom)('Tabs', props);
   const {
     as,
     classPrefix = 'tabs',

package/cjs/Tag/Tag.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 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; }
@@ -23,7 +22,7 @@ const Tag = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults,
     getLocale
-  } = (0, _CustomProvider.useCustom)('Tag', props);
+  } = (0, _hooks.useCustom)('Tag', props);
   const {
     as,
     classPrefix = 'tag',

package/cjs/TagInput/TagInput.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 var _utils = require("../internals/utils");
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
-var _CustomProvider = require("../CustomProvider");
+var _hooks = require("../internals/hooks");
 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 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const TagInput = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('TagInput', props);
+  } = (0, _hooks.useCustom)('TagInput', props);
   const {
     tagProps = {},
     trigger = 'Enter',