rsuite 6.0.0-canary-20250424 → 6.0.0-canary-20250620

package/esm/useMediaQuery/useMediaQuery.js

@@ -40,10 +40,7 @@ const matchMedia = query => {
  * @param query - The media query string or array of query strings
  * @param enabled - Whether to enable the media query, defaults to true
  */
-export function useMediaQuery(query, enabled) {
-  if (enabled === void 0) {
-    enabled = true;
-  }
+export function useMediaQuery(query, enabled = true) {
   const queries = Array.isArray(query) ? query : [query];
   const mediaQueries = useMemo(() => queries.map(query => mediaQuerySizeMap[query] || query), [...queries]);
 

package/esm/useToaster/useToaster.d.ts

@@ -5,7 +5,7 @@ import { ToastContainerProps } from '../toaster/ToastContainer';
  * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/toaster/
+ * @see https://rsuitejs.com/components/use-toaster/
  */
 declare const useToaster: () => {
     /**

package/esm/useToaster/useToaster.js

@@ -1,19 +1,26 @@
 'use client';
-import { useMemo, useContext } from 'react';
+import { useMemo, useContext, useEffect } from 'react';
 import toaster from "../toaster/index.js";
 import { CustomContext } from "../internals/Provider/CustomContext.js";
+import { canUseDOM } from "../DOMHelper/index.js";
+
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/toaster/
+ * @see https://rsuitejs.com/components/use-toaster/
  */
 const useToaster = () => {
   const {
     toasters,
     toastContainer
   } = useContext(CustomContext);
+  useEffect(() => {
+    if (canUseDOM && !toasters) {
+      console.warn('Warning: useToaster is being used outside of a CustomProvider. ' + 'Please wrap your application with <CustomProvider> to ensure proper functionality.');
+    }
+  }, [toasters]);
   return useMemo(() => ({
     /**
      * Push a toast message.
@@ -37,19 +44,13 @@ const useToaster = () => {
      * @param key  The key of the toast message.
      */
     remove: key => {
-      toasters ? Array.from(toasters.current).forEach(_ref => {
-        let [, c] = _ref;
-        return c === null || c === void 0 ? void 0 : c.remove(key);
-      }) : toaster.remove(key);
+      toasters ? Array.from(toasters.current).forEach(([, c]) => c === null || c === void 0 ? void 0 : c.remove(key)) : toaster.remove(key);
     },
     /**
      * Clear all toast messages.
      */
     clear: () => {
-      toasters ? Array.from(toasters.current).forEach(_ref2 => {
-        let [, c] = _ref2;
-        return c === null || c === void 0 ? void 0 : c.clear();
-      }) : toaster.clear();
+      toasters ? Array.from(toasters.current).forEach(([, c]) => c === null || c === void 0 ? void 0 : c.clear()) : toaster.clear();
     }
   }), [toastContainer, toasters]);
 };

package/locales/gu_IN/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/gu_IN",
+  "private": true,
+  "main": "../../cjs/locales/gu_IN.js",
+  "module": "../../esm/locales/gu_IN.js",
+  "types": "../../esm/locales/gu_IN.d.ts"
+}

package/locales/th_TH/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/th_TH",
+  "private": true,
+  "main": "../../cjs/locales/th_TH.js",
+  "module": "../../esm/locales/th_TH.js",
+  "types": "../../esm/locales/th_TH.d.ts"
+}

package/locales/uk_UA/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/uk_UA",
+  "private": true,
+  "main": "../../cjs/locales/uk_UA.js",
+  "module": "../../esm/locales/uk_UA.js",
+  "types": "../../esm/locales/uk_UA.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "6.0.0-canary-20250424",
+  "version": "6.0.0-canary-20250620",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -9,9 +9,6 @@
   "directories": {
     "lib": "cjs/"
   },
-  "scripts": {
-    "prepublishOnly": "../node_modules/mocha/bin/_mocha ../test/validateBuilds.js"
-  },
   "keywords": [
     "react",
     "rsuite",
@@ -27,7 +24,7 @@
   "dependencies": {
     "@babel/runtime": "^7.26.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@rsuite/icons": "^1.3.0",
+    "@rsuite/icons": "^1.3.2",
     "@types/lodash": "^4.17.15",
     "@types/react-window": "^1.8.8",
     "classnames": "^2.3.1",
@@ -44,6 +41,8 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
+  "sass": "src/styles/index.scss",
+  "style": "lib/styles/index.css",
   "overrides": {
     "aria-query@>5.1.3": "5.1.3"
   },
@@ -54,7 +53,7 @@
     "cjs/**/styles/*",
     "esm/**/styles/*",
     "dist/*",
-    "*.less",
+    "*.scss",
     "*.css"
   ],
   "size-limit": [

package/toaster/styles/index.css

@@ -1,139 +1,125 @@
-/**
-  * Map mixin
-  * @param {string} @size-name - The size name
-  * @param {string} @suffix - The suffix
-  */
-/* stylelint-disable */
-*[class*='rs-'] {
-  box-sizing: border-box;
-}
-*[class*='rs-']::before,
-*[class*='rs-']::after {
-  box-sizing: border-box;
-}
-:root {
-  --rs-shadow-color: rgba(0, 0, 0, 0.1);
-  --rs-shadow-md: 0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
-}
-@keyframes notificationMoveIn {
-  0% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0.8);
+@keyframes notificationMoveIn{
+  0%{
+    opacity:0;
+    transform-origin:0% 0%;
+    transform:scaleY(0.8);
   }
-  100% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
+  100%{
+    opacity:1;
+    transform-origin:0% 0%;
+    transform:scaleY(1);
   }
 }
-@keyframes notificationMoveInLeft {
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, 0, 0);
+@keyframes notificationMoveInLeft{
+  from{
+    opacity:0;
+    transform:translate3d(-100%, 0, 0);
   }
-  to {
-    opacity: 1;
-    transform: none;
+  to{
+    opacity:1;
+    transform:none;
   }
 }
-@keyframes notificationMoveInRight {
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
+@keyframes notificationMoveInRight{
+  from{
+    opacity:0;
+    transform:translate3d(100%, 0, 0);
   }
-  to {
-    opacity: 1;
-    transform: none;
+  to{
+    opacity:1;
+    transform:none;
   }
 }
-@keyframes notificationMoveOut {
-  0% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
-    max-height: 100px;
+@keyframes notificationMoveOut{
+  0%{
+    opacity:1;
+    transform-origin:0% 0%;
+    transform:scaleY(1);
+    max-height:100px;
   }
-  100% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0.8);
-    max-height: 0;
-    overflow: hidden;
+  100%{
+    opacity:0;
+    transform-origin:0% 0%;
+    transform:scaleY(0.8);
+    max-height:0;
+    overflow:hidden;
   }
 }
-.rs-toast {
-  --rs-toast-shadow: var(--rs-shadow-md);
-  pointer-events: auto;
-}
-.rs-toast-container {
-  position: fixed;
-  z-index: 1080;
-  pointer-events: none;
-  display: flex;
-  flex-direction: column;
-}
-.rs-toast-container .rs-toast:not(.rs-notification) {
-  box-shadow: var(--rs-toast-shadow);
-}
-.rs-toast-container-top-center,
-.rs-toast-container-bottom-center {
-  align-items: center;
-  width: 100%;
-}
-.rs-toast-container-top-center .rs-toast-fade-entered,
-.rs-toast-container-bottom-center .rs-toast-fade-entered {
-  animation-name: notificationMoveIn;
-}
-.rs-toast-container-bottom-start,
-.rs-toast-container-top-start {
-  align-items: flex-start;
-  inset-inline-start: 24px;
-}
-.rs-toast-container-bottom-start .rs-toast-fade-entered,
-.rs-toast-container-top-start .rs-toast-fade-entered {
-  animation-name: notificationMoveInLeft;
-}
-.rs-toast-container-bottom-end,
-.rs-toast-container-top-end {
-  align-items: flex-end;
-  inset-inline-end: 24px;
-}
-.rs-toast-container-bottom-end .rs-toast-fade-entered,
-.rs-toast-container-top-end .rs-toast-fade-entered {
-  margin-inline-start: auto;
-  animation-name: notificationMoveInRight;
-}
-.rs-toast-container-top-center,
-.rs-toast-container-top-start,
-.rs-toast-container-top-end {
-  top: 24px;
-}
-.rs-toast-container-bottom-center,
-.rs-toast-container-bottom-start,
-.rs-toast-container-bottom-end {
-  bottom: 24px;
+.rs-toast{
+  --rs-toast-shadow:var(--rs-shadow-md);
+  pointer-events:auto;
 }
-.rs-toast-fade-entered,
-.rs-toast-fade-exiting {
-  animation-fill-mode: forwards;
+
+.rs-toast-container{
+  --rs-toast-spacing:1.5rem;
+  position:fixed;
+  z-index:var(--rs-zindex-notification);
+  pointer-events:none;
+  display:flex;
+  flex-direction:column;
 }
-.rs-toast-fade-entered {
-  animation-duration: 0.4s;
-  animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+.rs-toast-container .rs-toast:not(.rs-notification){
+  box-shadow:var(--rs-toast-shadow);
 }
-.rs-toast-fade-exited,
-.rs-toast-fade-entering {
-  opacity: 0;
+.rs-toast-container-top-center, .rs-toast-container-bottom-center{
+  align-items:center;
+  width:100%;
+}
+.rs-toast-container-top-center .rs-toast-fade-entered, .rs-toast-container-bottom-center .rs-toast-fade-entered{
+  animation-name:notificationMoveIn;
+}
+.rs-toast-container-bottom-start, .rs-toast-container-top-start{
+  align-items:flex-start;
+  inset-inline-start:var(--rs-toast-spacing);
+}
+.rs-toast-container-bottom-start .rs-toast-fade-entered, .rs-toast-container-top-start .rs-toast-fade-entered{
+  animation-name:notificationMoveInLeft;
+}
+[dir=rtl] .rs-toast-container-bottom-start .rs-toast-fade-entered, [dir=rtl] .rs-toast-container-top-start .rs-toast-fade-entered{
+  animation-name:notificationMoveInRight;
+}
+.rs-toast-container-bottom-end, .rs-toast-container-top-end{
+  align-items:flex-end;
+  inset-inline-end:var(--rs-toast-spacing);
 }
-.rs-toast-fade-exited {
-  transform-origin: 0 0;
-  transform: scaleY(0.8);
-  max-height: 0;
-  overflow: hidden;
+.rs-toast-container-bottom-end .rs-toast-fade-entered, .rs-toast-container-top-end .rs-toast-fade-entered{
+  margin-inline-start:auto;
+  animation-name:notificationMoveInRight;
 }
-.rs-toast-fade-exiting {
-  animation-duration: 0.3s;
-  animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
-  animation-name: notificationMoveOut;
+[dir=rtl] .rs-toast-container-bottom-end .rs-toast-fade-entered, [dir=rtl] .rs-toast-container-top-end .rs-toast-fade-entered{
+  animation-name:notificationMoveInLeft;
 }
+.rs-toast-container-top-center, .rs-toast-container-top-start, .rs-toast-container-top-end{
+  top:var(--rs-toast-spacing);
+}
+.rs-toast-container-bottom-center, .rs-toast-container-bottom-start, .rs-toast-container-bottom-end{
+  bottom:var(--rs-toast-spacing);
+}
+
+.rs-toast-fade-entered,
+.rs-toast-fade-exiting{
+  animation-fill-mode:forwards;
+}
+
+.rs-toast-fade-entered{
+  animation-duration:0.4s;
+  animation-timing-function:cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+
+.rs-toast-fade-exited,
+.rs-toast-fade-entering{
+  opacity:0;
+}
+
+.rs-toast-fade-exited{
+  transform-origin:0 0;
+  transform:scaleY(0.8);
+  max-height:0;
+  overflow:hidden;
+}
+
+.rs-toast-fade-exiting{
+  animation-duration:0.3s;
+  animation-timing-function:cubic-bezier(0.64, 0.65, 0.57, 1.13);
+  animation-name:notificationMoveOut;
+}

package/useDialog/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/useDialog",
+  "private": true,
+  "main": "../cjs/useDialog/index.js",
+  "module": "../esm/useDialog/index.js",
+  "types": "../esm/useDialog/index.d.ts"
+}

package/useFormControl/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/useFormControl",
+  "private": true,
+  "main": "../cjs/useFormControl/index.js",
+  "module": "../esm/useFormControl/index.js",
+  "types": "../esm/useFormControl/index.d.ts"
+}

package/useToaster/styles/index.css

@@ -1,139 +1,125 @@
-/**
-  * Map mixin
-  * @param {string} @size-name - The size name
-  * @param {string} @suffix - The suffix
-  */
-/* stylelint-disable */
-*[class*='rs-'] {
-  box-sizing: border-box;
-}
-*[class*='rs-']::before,
-*[class*='rs-']::after {
-  box-sizing: border-box;
-}
-:root {
-  --rs-shadow-color: rgba(0, 0, 0, 0.1);
-  --rs-shadow-md: 0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
-}
-@keyframes notificationMoveIn {
-  0% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0.8);
+@keyframes notificationMoveIn{
+  0%{
+    opacity:0;
+    transform-origin:0% 0%;
+    transform:scaleY(0.8);
   }
-  100% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
+  100%{
+    opacity:1;
+    transform-origin:0% 0%;
+    transform:scaleY(1);
   }
 }
-@keyframes notificationMoveInLeft {
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, 0, 0);
+@keyframes notificationMoveInLeft{
+  from{
+    opacity:0;
+    transform:translate3d(-100%, 0, 0);
   }
-  to {
-    opacity: 1;
-    transform: none;
+  to{
+    opacity:1;
+    transform:none;
   }
 }
-@keyframes notificationMoveInRight {
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
+@keyframes notificationMoveInRight{
+  from{
+    opacity:0;
+    transform:translate3d(100%, 0, 0);
   }
-  to {
-    opacity: 1;
-    transform: none;
+  to{
+    opacity:1;
+    transform:none;
   }
 }
-@keyframes notificationMoveOut {
-  0% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
-    max-height: 100px;
+@keyframes notificationMoveOut{
+  0%{
+    opacity:1;
+    transform-origin:0% 0%;
+    transform:scaleY(1);
+    max-height:100px;
   }
-  100% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0.8);
-    max-height: 0;
-    overflow: hidden;
+  100%{
+    opacity:0;
+    transform-origin:0% 0%;
+    transform:scaleY(0.8);
+    max-height:0;
+    overflow:hidden;
   }
 }
-.rs-toast {
-  --rs-toast-shadow: var(--rs-shadow-md);
-  pointer-events: auto;
-}
-.rs-toast-container {
-  position: fixed;
-  z-index: 1080;
-  pointer-events: none;
-  display: flex;
-  flex-direction: column;
-}
-.rs-toast-container .rs-toast:not(.rs-notification) {
-  box-shadow: var(--rs-toast-shadow);
-}
-.rs-toast-container-top-center,
-.rs-toast-container-bottom-center {
-  align-items: center;
-  width: 100%;
-}
-.rs-toast-container-top-center .rs-toast-fade-entered,
-.rs-toast-container-bottom-center .rs-toast-fade-entered {
-  animation-name: notificationMoveIn;
-}
-.rs-toast-container-bottom-start,
-.rs-toast-container-top-start {
-  align-items: flex-start;
-  inset-inline-start: 24px;
-}
-.rs-toast-container-bottom-start .rs-toast-fade-entered,
-.rs-toast-container-top-start .rs-toast-fade-entered {
-  animation-name: notificationMoveInLeft;
-}
-.rs-toast-container-bottom-end,
-.rs-toast-container-top-end {
-  align-items: flex-end;
-  inset-inline-end: 24px;
-}
-.rs-toast-container-bottom-end .rs-toast-fade-entered,
-.rs-toast-container-top-end .rs-toast-fade-entered {
-  margin-inline-start: auto;
-  animation-name: notificationMoveInRight;
-}
-.rs-toast-container-top-center,
-.rs-toast-container-top-start,
-.rs-toast-container-top-end {
-  top: 24px;
-}
-.rs-toast-container-bottom-center,
-.rs-toast-container-bottom-start,
-.rs-toast-container-bottom-end {
-  bottom: 24px;
+.rs-toast{
+  --rs-toast-shadow:var(--rs-shadow-md);
+  pointer-events:auto;
 }
-.rs-toast-fade-entered,
-.rs-toast-fade-exiting {
-  animation-fill-mode: forwards;
+
+.rs-toast-container{
+  --rs-toast-spacing:1.5rem;
+  position:fixed;
+  z-index:var(--rs-zindex-notification);
+  pointer-events:none;
+  display:flex;
+  flex-direction:column;
 }
-.rs-toast-fade-entered {
-  animation-duration: 0.4s;
-  animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+.rs-toast-container .rs-toast:not(.rs-notification){
+  box-shadow:var(--rs-toast-shadow);
 }
-.rs-toast-fade-exited,
-.rs-toast-fade-entering {
-  opacity: 0;
+.rs-toast-container-top-center, .rs-toast-container-bottom-center{
+  align-items:center;
+  width:100%;
+}
+.rs-toast-container-top-center .rs-toast-fade-entered, .rs-toast-container-bottom-center .rs-toast-fade-entered{
+  animation-name:notificationMoveIn;
+}
+.rs-toast-container-bottom-start, .rs-toast-container-top-start{
+  align-items:flex-start;
+  inset-inline-start:var(--rs-toast-spacing);
+}
+.rs-toast-container-bottom-start .rs-toast-fade-entered, .rs-toast-container-top-start .rs-toast-fade-entered{
+  animation-name:notificationMoveInLeft;
+}
+[dir=rtl] .rs-toast-container-bottom-start .rs-toast-fade-entered, [dir=rtl] .rs-toast-container-top-start .rs-toast-fade-entered{
+  animation-name:notificationMoveInRight;
+}
+.rs-toast-container-bottom-end, .rs-toast-container-top-end{
+  align-items:flex-end;
+  inset-inline-end:var(--rs-toast-spacing);
 }
-.rs-toast-fade-exited {
-  transform-origin: 0 0;
-  transform: scaleY(0.8);
-  max-height: 0;
-  overflow: hidden;
+.rs-toast-container-bottom-end .rs-toast-fade-entered, .rs-toast-container-top-end .rs-toast-fade-entered{
+  margin-inline-start:auto;
+  animation-name:notificationMoveInRight;
 }
-.rs-toast-fade-exiting {
-  animation-duration: 0.3s;
-  animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
-  animation-name: notificationMoveOut;
+[dir=rtl] .rs-toast-container-bottom-end .rs-toast-fade-entered, [dir=rtl] .rs-toast-container-top-end .rs-toast-fade-entered{
+  animation-name:notificationMoveInLeft;
 }
+.rs-toast-container-top-center, .rs-toast-container-top-start, .rs-toast-container-top-end{
+  top:var(--rs-toast-spacing);
+}
+.rs-toast-container-bottom-center, .rs-toast-container-bottom-start, .rs-toast-container-bottom-end{
+  bottom:var(--rs-toast-spacing);
+}
+
+.rs-toast-fade-entered,
+.rs-toast-fade-exiting{
+  animation-fill-mode:forwards;
+}
+
+.rs-toast-fade-entered{
+  animation-duration:0.4s;
+  animation-timing-function:cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+
+.rs-toast-fade-exited,
+.rs-toast-fade-entering{
+  opacity:0;
+}
+
+.rs-toast-fade-exited{
+  transform-origin:0 0;
+  transform:scaleY(0.8);
+  max-height:0;
+  overflow:hidden;
+}
+
+.rs-toast-fade-exiting{
+  animation-duration:0.3s;
+  animation-timing-function:cubic-bezier(0.64, 0.65, 0.57, 1.13);
+  animation-name:notificationMoveOut;
+}

package/Accordion/styles/index.less

@@ -1,2 +0,0 @@
-@import '../../PanelGroup/styles/index.less';
-@import '../../Panel/styles/index.less';