@redis-ui/components 47.6.4 → 48.0.0

package/dist/node_modules/use-callback-ref/dist/es2015/useRef.cjs

@@ -1,4 +1,3 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region ../../node_modules/use-callback-ref/dist/es2015/useRef.js
 /**

package/dist/node_modules/virtua/lib/index.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let react_dom = require("react-dom");
@@ -38,7 +37,7 @@ var d = null, { min: a, max: u, abs: h, floor: _ } = Math, p = Array.isArray, g
 }, R = (e, t, o) => {
 	const n = t - e.l;
 	return e.i = o ? -1 : a(t - 1, e.i), e.l = t, n > 0 ? (b(e.u, n), b(e.t, n, o), e.o * n) : (e.u.splice(n), (o ? e.t.splice(0, -n) : e.t.splice(n)).reduce(((t, o) => t - (o === y ? e.o : o)), 0));
-}, C = "undefined" != typeof window, T = () => document.documentElement, M = (e) => e.ownerDocument, H = (e) => e.defaultView, W = /* @__PURE__ */ S((() => !!C && "rtl" === getComputedStyle(T()).direction)), E = /* @__PURE__ */ S((() => /iP(hone|od|ad)/.test(navigator.userAgent))), J = /* @__PURE__ */ S((() => "scrollBehavior" in T().style)), B = (e) => u(e.h(), e._()), O = (e, t, o, n, r) => (1 !== n && (e -= u(0, o)), 2 !== n && (t += u(0, o)), [u(e, 0), a(t, r - 1)]), L = (e, t = 40, o = 0, n, r = !1) => {
+}, C = "undefined" != typeof window, T = () => document.documentElement, M = (e) => e.ownerDocument, H = (e) => e.defaultView, W = /*#__PURE__*/ S((() => !!C && "rtl" === getComputedStyle(T()).direction)), E = /*#__PURE__*/ S((() => /iP(hone|od|ad)/.test(navigator.userAgent))), J = /*#__PURE__*/ S((() => "scrollBehavior" in T().style)), B = (e) => u(e.h(), e._()), O = (e, t, o, n, r) => (1 !== n && (e -= u(0, o)), 2 !== n && (t += u(0, o)), [u(e, 0), a(t, r - 1)]), L = (e, t = 40, o = 0, n, r = !1) => {
 	let i = !!o, s = [], l = 0, c = 0, f = 0, _ = 0, p = 0, g = 0, v = 0, w = 0, S = 0, C = i ? [0, u(o - 1, 0)] : d, T = [0, 0], M = 0;
 	const H = ((e, t, o) => ({
 		o: o ? o[1] : t,
@@ -293,7 +292,7 @@ var d = null, { min: a, max: u, abs: h, floor: _ } = Math, p = Array.isArray, g
 		}),
 		$: i.$
 	};
-}, Z = /* @__PURE__ */ (0, react.memo)((({ U: t, F: o, G: r, K: s, N: l, Z: c, ee: f, te: a }) => {
+}, Z = /*#__PURE__*/ (0, react.memo)((({ U: t, F: o, G: r, K: s, N: l, Z: c, ee: f, te: a }) => {
 	const u = (0, react.useRef)(d);
 	$((() => o(u[Y], r)), [r]);
 	const h = (0, react.useMemo)((() => {
@@ -328,7 +327,7 @@ var d = null, { min: a, max: u, abs: h, floor: _ } = Math, p = Array.isArray, g
 		return j(e, t), t;
 	})(e);
 	return [(e) => o[e], o.length];
-}), [e, t]), oe = /* @__PURE__ */ (0, react.forwardRef)((({ children: t, count: r, overscan: i = 4, keepMounted: s, itemSize: l, shift: a, horizontal: u, cache: h, startMargin: _ = 0, ssrCount: p, as: g = "div", item: v = "div", scrollRef: S, onScroll: y, onScrollEnd: b, onRangeChange: x }, z) => {
+}), [e, t]), oe = /*#__PURE__*/ (0, react.forwardRef)((({ children: t, count: r, overscan: i = 4, keepMounted: s, itemSize: l, shift: a, horizontal: u, cache: h, startMargin: _ = 0, ssrCount: p, as: g = "div", item: v = "div", scrollRef: S, onScroll: y, onScrollEnd: b, onRangeChange: x }, z) => {
 	const [I, k] = te(t, r), R = (0, react.useRef)(d), C = (0, react.useRef)(!!p), T = F(y), M = F(b), [H, W, E, J] = U((() => {
 		const e = !!u, t = L(k, l, p, h, !l);
 		return [

package/dist/node_modules/virtua/lib/index.js

@@ -37,7 +37,7 @@ var d = null, { min: a, max: u, abs: h, floor: _ } = Math, p = Array.isArray, g
 }, R = (e, t, o) => {
 	const n = t - e.l;
 	return e.i = o ? -1 : a(t - 1, e.i), e.l = t, n > 0 ? (b(e.u, n), b(e.t, n, o), e.o * n) : (e.u.splice(n), (o ? e.t.splice(0, -n) : e.t.splice(n)).reduce(((t, o) => t - (o === y ? e.o : o)), 0));
-}, C = "undefined" != typeof window, T = () => document.documentElement, M = (e) => e.ownerDocument, H = (e) => e.defaultView, W = /* @__PURE__ */ S((() => !!C && "rtl" === getComputedStyle(T()).direction)), E = /* @__PURE__ */ S((() => /iP(hone|od|ad)/.test(navigator.userAgent))), J = /* @__PURE__ */ S((() => "scrollBehavior" in T().style)), B = (e) => u(e.h(), e._()), O = (e, t, o, n, r) => (1 !== n && (e -= u(0, o)), 2 !== n && (t += u(0, o)), [u(e, 0), a(t, r - 1)]), L = (e, t = 40, o = 0, n, r = !1) => {
+}, C = "undefined" != typeof window, T = () => document.documentElement, M = (e) => e.ownerDocument, H = (e) => e.defaultView, W = /*#__PURE__*/ S((() => !!C && "rtl" === getComputedStyle(T()).direction)), E = /*#__PURE__*/ S((() => /iP(hone|od|ad)/.test(navigator.userAgent))), J = /*#__PURE__*/ S((() => "scrollBehavior" in T().style)), B = (e) => u(e.h(), e._()), O = (e, t, o, n, r) => (1 !== n && (e -= u(0, o)), 2 !== n && (t += u(0, o)), [u(e, 0), a(t, r - 1)]), L = (e, t = 40, o = 0, n, r = !1) => {
 	let i = !!o, s = [], l = 0, c = 0, f = 0, _ = 0, p = 0, g = 0, v = 0, w = 0, S = 0, C = i ? [0, u(o - 1, 0)] : d, T = [0, 0], M = 0;
 	const H = ((e, t, o) => ({
 		o: o ? o[1] : t,
@@ -292,7 +292,7 @@ var d = null, { min: a, max: u, abs: h, floor: _ } = Math, p = Array.isArray, g
 		}),
 		$: i.$
 	};
-}, Z = /* @__PURE__ */ memo((({ U: t, F: o, G: r, K: s, N: l, Z: c, ee: f, te: a }) => {
+}, Z = /*#__PURE__*/ memo((({ U: t, F: o, G: r, K: s, N: l, Z: c, ee: f, te: a }) => {
 	const u = useRef(d);
 	$((() => o(u[Y], r)), [r]);
 	const h = useMemo((() => {
@@ -327,7 +327,7 @@ var d = null, { min: a, max: u, abs: h, floor: _ } = Math, p = Array.isArray, g
 		return j(e, t), t;
 	})(e);
 	return [(e) => o[e], o.length];
-}), [e, t]), oe = /* @__PURE__ */ forwardRef((({ children: t, count: r, overscan: i = 4, keepMounted: s, itemSize: l, shift: a, horizontal: u, cache: h, startMargin: _ = 0, ssrCount: p, as: g = "div", item: v = "div", scrollRef: S, onScroll: y, onScrollEnd: b, onRangeChange: x }, z) => {
+}), [e, t]), oe = /*#__PURE__*/ forwardRef((({ children: t, count: r, overscan: i = 4, keepMounted: s, itemSize: l, shift: a, horizontal: u, cache: h, startMargin: _ = 0, ssrCount: p, as: g = "div", item: v = "div", scrollRef: S, onScroll: y, onScrollEnd: b, onRangeChange: x }, z) => {
 	const [I, k] = te(t, r), R = useRef(d), C = useRef(!!p), T = F(y), M = F(b), [H, W, E, J] = U((() => {
 		const e = !!u, t = L(k, l, p, h, !l);
 		return [

package/dist/packages/components/node_modules/@radix-ui/react-slot/dist/index.cjs

@@ -12,7 +12,7 @@ function isPromiseLike(value) {
 function isLazyComponent(element) {
 	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
 	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
 	const Slot2 = react.forwardRef((props, forwardedRef) => {
@@ -43,7 +43,7 @@ function createSlot(ownerName) {
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
 	const SlotClone = react.forwardRef((props, forwardedRef) => {
 		let { children, ...slotProps } = props;

package/dist/packages/components/node_modules/@radix-ui/react-slot/dist/index.js

@@ -10,7 +10,7 @@ function isPromiseLike(value) {
 function isLazyComponent(element) {
 	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
 	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
 	const Slot2 = React$1.forwardRef((props, forwardedRef) => {
@@ -41,7 +41,7 @@ function createSlot(ownerName) {
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
 	const SlotClone = React$1.forwardRef((props, forwardedRef) => {
 		let { children, ...slotProps } = props;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redis-ui/components",
   "license": "UNLICENSED",
-  "version": "47.6.4",
+  "version": "48.0.0",
   "type": "module",
   "sideEffects": false,
   "repository": "git@github.com:redislabsdev/redis-ui.git",
@@ -58,7 +58,7 @@
     "@tanstack/react-hotkeys": "^0.10.0",
     "react-children-utilities": "2.9.0",
     "react-loading-skeleton": "^3.5.0",
-    "react-toastify": "10.0.4",
+    "react-toastify": "11.1.0",
     "type-fest": "^5.4.4",
     "virtua": "^0.36.3"
   },

package/skills/redis-ui-components/references/Toast.md

@@ -27,6 +27,40 @@ import { Toast, Toaster, toast } from '@redis-ui/components';
 
 The root `Toast` component also accepts the same content props as `toast(...)` and forwards them to `Toast.Compose`.
 
+### ToastOptions
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| variant | `ToastVariant` | `'informative'` | Semantic variant: `'notice'`, `'informative'`, `'success'`, `'attention'`, or `'danger'`. |
+| position | `ToastPosition` | `'top-right'` | Toast position: `'top-left'`, `'top-center'`, `'top-right'`, `'bottom-left'`, `'bottom-center'`, or `'bottom-right'`. |
+| autoClose | `number \| false` | `5000` | Auto-close delay in milliseconds, or `false` to disable auto-close. |
+| pauseOnHover | `boolean` | `true` | Pauses auto-close on hover. |
+| closeOnClick | `boolean` | `false` | Closes toast when clicked. |
+| delay | `number` | `0` | Delay before showing the toast, in milliseconds. |
+| toastId | `string \| number` | - | Unique identifier for the toast; used with `toast.update()`. |
+| containerId | `string \| number` | - | Associates this toast with a specific `Toaster` container. |
+| role | `string` | `'alert'` | ARIA live region role (`'status'` or `'alert'`). |
+| rtl | `boolean` | `false` | Renders the toast in right-to-left layout. |
+| transition | `React.ComponentType<any>` | - | Custom transition component. |
+| onClose | `(reason?: boolean | string) => void` | - | Callback fired when the toast is closed. Receives `true` when the user explicitly dismisses the toast via the close button or an action with `closes: true`; custom close reasons may be strings. |
+
+### Toaster Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| position | `ToastPosition` | `'top-right'` | Position of the toaster container on the page. |
+| autoClose | `number \| false` | `5000` | Default auto-close delay for all toasts in this container. |
+| pauseOnHover | `boolean` | `true` | Pauses auto-close on hover. |
+| closeOnClick | `boolean` | `false` | Closes toasts when clicked. |
+| containerId | `string \| number` | - | Unique container ID for multi-container setups. |
+| newestOnTop | `boolean` | `false` | Renders the newest toast at the top. |
+| limit | `number` | - | Maximum number of toasts visible at once. |
+| role | `string` | - | ARIA live region role. |
+| rtl | `boolean` | `false` | Right-to-left layout. |
+| transition | `React.ComponentType<any>` | - | Custom transition component. |
+| style | `CSSProperties` | - | Custom styles for the container. |
+| className | `string` | - | Custom CSS class for the container. |
+
 ## Sub-components
 
 - `Toast.Compose` - Semantic container for fully custom toast layouts.
@@ -342,7 +376,7 @@ import { Toaster } from '@redis-ui/components';
 
 > Multiple toast containers can be used simultaneously by providing a unique `containerId` to each `Toaster`. Toasts can be directed to specific containers by passing the same `containerId` in toast options.
 >
-> In react-toastify v10, the `enableMultiContainer` prop is no longer needed. Multi-container support works automatically when `containerId` is provided.
+> Multi-container support works automatically when `containerId` is provided (based on react-toastify 11.1.0).
 
 ```tsx
 import { Button, toast, Toaster } from '@redis-ui/components';
@@ -397,3 +431,5 @@ import { Button, toast, Toaster } from '@redis-ui/components';
 - `Toast.Compose` is the escape hatch for fully custom toast layouts.
 - `Toast.Message` and `Toast.Description` can render any JSX, not just strings.
 - `Toast.Actions.Action` can auto-close the toast when `closes` is set to `true`.
+- The `onClose` callback receives `true` when the user explicitly dismisses a toast (via the close button or an action with `closes: true`) and may receive a string for custom close reasons, allowing you to distinguish closure causes.
+- The package ships with react-toastify 11.1.0, which provides automatic multi-container support without requiring the `enableMultiContainer` prop.