@redis-ui/components 47.6.1 → 47.6.3

package/dist/SideBar/components/Divider/Divider.style.cjs

@@ -1,4 +1,5 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_SideBar_constants = require("../../SideBar.constants.cjs");
 const require_SideBar_utils = require("../../SideBar.utils.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
@@ -8,9 +9,9 @@ var SideBarDivider = styled_components.default.div.withConfig({
 	componentId: "RedisUI__sc-191o8ht-0"
 })(["background-clip:content-box;transition:all 1s;flex:none;@media (prefers-reduced-motion:reduce){transition:none;}", ";"], ({ fullWidthWhenExpanded, fullWidth, noMargin }) => require_SideBar_utils.useStateStyle((theme, state) => styled_components.css`
         background: ${() => theme.divider.color};
-        height: ${theme.divider.thickness};
-        margin-inline: ${fullWidth || fullWidthWhenExpanded && state === "expanded" ? "0" : theme.divider.sidePadding};
-        margin-block: ${noMargin ? 0 : theme.divider.blockMargin};
+        height: ${require_SideBar_constants.SIDEBAR_CONSTANTS.divider.thickness};
+        margin-inline: ${fullWidth || fullWidthWhenExpanded && state === "expanded" ? "0" : require_SideBar_constants.SIDEBAR_CONSTANTS.divider.sidePadding[state]};
+        margin-block: ${noMargin ? 0 : require_SideBar_constants.SIDEBAR_CONSTANTS.divider.blockMargin};
       `));
 //#endregion
 exports.SideBarDivider = SideBarDivider;

package/dist/SideBar/components/Divider/Divider.style.js

@@ -1,3 +1,4 @@
+import { SIDEBAR_CONSTANTS } from "../../SideBar.constants.js";
 import { useStateStyle } from "../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
 //#region src/SideBar/components/Divider/Divider.style.ts
@@ -6,9 +7,9 @@ var SideBarDivider = _styled.div.withConfig({
 	componentId: "RedisUI__sc-191o8ht-0"
 })(["background-clip:content-box;transition:all 1s;flex:none;@media (prefers-reduced-motion:reduce){transition:none;}", ";"], ({ fullWidthWhenExpanded, fullWidth, noMargin }) => useStateStyle((theme, state) => css`
         background: ${() => theme.divider.color};
-        height: ${theme.divider.thickness};
-        margin-inline: ${fullWidth || fullWidthWhenExpanded && state === "expanded" ? "0" : theme.divider.sidePadding};
-        margin-block: ${noMargin ? 0 : theme.divider.blockMargin};
+        height: ${SIDEBAR_CONSTANTS.divider.thickness};
+        margin-inline: ${fullWidth || fullWidthWhenExpanded && state === "expanded" ? "0" : SIDEBAR_CONSTANTS.divider.sidePadding[state]};
+        margin-block: ${noMargin ? 0 : SIDEBAR_CONSTANTS.divider.blockMargin};
       `));
 //#endregion
 export { SideBarDivider };

package/dist/SideBar/components/Footer/components/MetaData/MetaData.style.cjs

@@ -1,4 +1,5 @@
 const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_SideBar_constants = require("../../../../SideBar.constants.cjs");
 const require_SideBar_utils = require("../../../../SideBar.utils.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
@@ -6,10 +7,10 @@ styled_components = require_runtime.__toESM(styled_components, 1);
 var FooterMetadata = styled_components.default.div.withConfig({
 	displayName: "MetaDatastyle__FooterMetadata",
 	componentId: "RedisUI__sc-1372jkw-0"
-})(["display:flex;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;", ""], () => require_SideBar_utils.useStateStyle((theme) => styled_components.css`
-          padding: ${theme.footer.meta.padding};
-          visibility: ${theme.footer.meta.visibility};
-          white-space: ${theme.footer.meta.whiteSpace};
+})(["display:flex;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;", ""], () => require_SideBar_utils.useStateStyle((theme, state) => styled_components.css`
+          padding: ${require_SideBar_constants.SIDEBAR_CONSTANTS.footer.meta.padding};
+          visibility: ${theme.footer.meta.visibility[state]};
+          white-space: ${theme.footer.meta.whiteSpace[state]};
         `));
 //#endregion
 exports.FooterMetadata = FooterMetadata;

package/dist/SideBar/components/Footer/components/MetaData/MetaData.style.js

@@ -1,13 +1,14 @@
+import { SIDEBAR_CONSTANTS } from "../../../../SideBar.constants.js";
 import { useStateStyle } from "../../../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
 //#region src/SideBar/components/Footer/components/MetaData/MetaData.style.ts
 var FooterMetadata = _styled.div.withConfig({
 	displayName: "MetaDatastyle__FooterMetadata",
 	componentId: "RedisUI__sc-1372jkw-0"
-})(["display:flex;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;", ""], () => useStateStyle((theme) => css`
-          padding: ${theme.footer.meta.padding};
-          visibility: ${theme.footer.meta.visibility};
-          white-space: ${theme.footer.meta.whiteSpace};
+})(["display:flex;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;", ""], () => useStateStyle((theme, state) => css`
+          padding: ${SIDEBAR_CONSTANTS.footer.meta.padding};
+          visibility: ${theme.footer.meta.visibility[state]};
+          white-space: ${theme.footer.meta.whiteSpace[state]};
         `));
 //#endregion
 export { FooterMetadata };

package/dist/SideBar/components/Group/components/Title/Title.style.cjs

@@ -1,5 +1,6 @@
 const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
 const require_Typography = require("../../../../../Typography/Typography.cjs");
+const require_SideBar_constants = require("../../../../SideBar.constants.cjs");
 const require_SideBar_utils = require("../../../../SideBar.utils.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
@@ -7,9 +8,7 @@ styled_components = require_runtime.__toESM(styled_components, 1);
 var Container = styled_components.default.div.withConfig({
 	displayName: "Titlestyle__Container",
 	componentId: "RedisUI__sc-1qd2bt1-0"
-})(["display:block;overflow:hidden;", ""], () => require_SideBar_utils.useStateStyle((theme) => styled_components.css`
-        padding: ${theme.groupTitle.padding};
-      `));
+})(["display:block;overflow:hidden;padding:", ";"], require_SideBar_constants.SIDEBAR_CONSTANTS.groupTitle.padding);
 var Label = (0, styled_components.default)(require_Typography.default.Body).withConfig({
 	displayName: "Titlestyle__Label",
 	componentId: "RedisUI__sc-1qd2bt1-1"

package/dist/SideBar/components/Group/components/Title/Title.style.js

@@ -1,13 +1,12 @@
 import Typography from "../../../../../Typography/Typography.js";
+import { SIDEBAR_CONSTANTS } from "../../../../SideBar.constants.js";
 import { useStateStyle } from "../../../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
 //#region src/SideBar/components/Group/components/Title/Title.style.ts
 var Container = _styled.div.withConfig({
 	displayName: "Titlestyle__Container",
 	componentId: "RedisUI__sc-1qd2bt1-0"
-})(["display:block;overflow:hidden;", ""], () => useStateStyle((theme) => css`
-        padding: ${theme.groupTitle.padding};
-      `));
+})(["display:block;overflow:hidden;padding:", ";"], SIDEBAR_CONSTANTS.groupTitle.padding);
 var Label = _styled(Typography.Body).withConfig({
 	displayName: "Titlestyle__Label",
 	componentId: "RedisUI__sc-1qd2bt1-1"

package/dist/SideBar/components/Header/Header.style.cjs

@@ -1,4 +1,5 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_SideBar_constants = require("../../SideBar.constants.cjs");
 const require_SideBar_utils = require("../../SideBar.utils.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
@@ -8,9 +9,9 @@ var SideBarHeader = styled_components.default.div.withConfig({
 	displayName: "Headerstyle__SideBarHeader",
 	componentId: "RedisUI__sc-6wicp7-0"
 })(["flex:none;width:100%;display:flex;position:relative;align-items:center;", ""], () => require_SideBar_utils.useStateStyle((theme) => styled_components.css`
-        height: ${theme.header.height};
-        box-shadow: 0px ${theme.divider.thickness} 0px 0px ${theme.header.dividerColor};
-        margin: ${theme.header.margin};
+        height: ${require_SideBar_constants.SIDEBAR_CONSTANTS.header.height};
+        box-shadow: 0px ${require_SideBar_constants.SIDEBAR_CONSTANTS.divider.thickness} 0px 0px ${theme.header.dividerColor};
+        margin: ${require_SideBar_constants.SIDEBAR_CONSTANTS.header.margin};
       `));
 var SideBarHeaderContent = styled_components.default.div.withConfig({
 	displayName: "Headerstyle__SideBarHeaderContent",
@@ -25,10 +26,10 @@ var SideBarToggleButton = styled_components.default.button.withConfig({
 	";& > svg{transition:0.3s;transform:",
 	";@media (prefers-reduced-motion:reduce){transition:none;}}"
 ], ({ isExpanded }) => require_SideBar_utils.useStateStyle((theme) => styled_components.css`
-          width: ${theme.collapseButton.size};
-          height: ${theme.collapseButton.size};
+          width: ${require_SideBar_constants.SIDEBAR_CONSTANTS.collapseButton.size};
+          height: ${require_SideBar_constants.SIDEBAR_CONSTANTS.collapseButton.size};
           transition: all 0.3s ease;
-          right: ${isExpanded ? theme.collapseButton.rightExpanded : theme.collapseButton.rightCollapsed};
+          right: ${theme.collapseButton.right[isExpanded ? "expanded" : "collapsed"]};
 
           @media (prefers-reduced-motion: reduce) {
             transition: none;
@@ -38,8 +39,8 @@ var SideBarToggleButton = styled_components.default.button.withConfig({
             // half-width background + shadow
             filter: drop-shadow(${theme.collapseButton.filterShadow});
             background-color: ${theme.bgColor};
-            border-radius: ${theme.collapseButton.borderRadius};
-            border: ${isExpanded ? theme.collapseButton.borderExpanded : theme.collapseButton.borderCollapsed};
+            border-radius: ${require_SideBar_constants.SIDEBAR_CONSTANTS.collapseButton.borderRadius};
+            border: ${theme.collapseButton.border[isExpanded ? "expanded" : "collapsed"]};
           }
 
           color: ${theme.collapseButton.iconColor};

package/dist/SideBar/components/Header/Header.style.js

@@ -1,3 +1,4 @@
+import { SIDEBAR_CONSTANTS } from "../../SideBar.constants.js";
 import { useStateStyle } from "../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
 import { getFocusStyle } from "@redis-ui/styles";
@@ -6,9 +7,9 @@ var SideBarHeader = _styled.div.withConfig({
 	displayName: "Headerstyle__SideBarHeader",
 	componentId: "RedisUI__sc-6wicp7-0"
 })(["flex:none;width:100%;display:flex;position:relative;align-items:center;", ""], () => useStateStyle((theme) => css`
-        height: ${theme.header.height};
-        box-shadow: 0px ${theme.divider.thickness} 0px 0px ${theme.header.dividerColor};
-        margin: ${theme.header.margin};
+        height: ${SIDEBAR_CONSTANTS.header.height};
+        box-shadow: 0px ${SIDEBAR_CONSTANTS.divider.thickness} 0px 0px ${theme.header.dividerColor};
+        margin: ${SIDEBAR_CONSTANTS.header.margin};
       `));
 var SideBarHeaderContent = _styled.div.withConfig({
 	displayName: "Headerstyle__SideBarHeaderContent",
@@ -23,10 +24,10 @@ var SideBarToggleButton = _styled.button.withConfig({
 	";& > svg{transition:0.3s;transform:",
 	";@media (prefers-reduced-motion:reduce){transition:none;}}"
 ], ({ isExpanded }) => useStateStyle((theme) => css`
-          width: ${theme.collapseButton.size};
-          height: ${theme.collapseButton.size};
+          width: ${SIDEBAR_CONSTANTS.collapseButton.size};
+          height: ${SIDEBAR_CONSTANTS.collapseButton.size};
           transition: all 0.3s ease;
-          right: ${isExpanded ? theme.collapseButton.rightExpanded : theme.collapseButton.rightCollapsed};
+          right: ${theme.collapseButton.right[isExpanded ? "expanded" : "collapsed"]};
 
           @media (prefers-reduced-motion: reduce) {
             transition: none;
@@ -36,8 +37,8 @@ var SideBarToggleButton = _styled.button.withConfig({
             // half-width background + shadow
             filter: drop-shadow(${theme.collapseButton.filterShadow});
             background-color: ${theme.bgColor};
-            border-radius: ${theme.collapseButton.borderRadius};
-            border: ${isExpanded ? theme.collapseButton.borderExpanded : theme.collapseButton.borderCollapsed};
+            border-radius: ${SIDEBAR_CONSTANTS.collapseButton.borderRadius};
+            border: ${theme.collapseButton.border[isExpanded ? "expanded" : "collapsed"]};
           }
 
           color: ${theme.collapseButton.iconColor};

package/dist/SideBar/components/Item/Item.style.cjs

@@ -1,6 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_css_utils = require("../../../Helpers/css.utils.cjs");
 const require_Tooltip = require("../../../Tooltip/Tooltip.cjs");
+const require_SideBar_constants = require("../../SideBar.constants.cjs");
 const require_SideBar_utils = require("../../SideBar.utils.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
@@ -20,16 +21,16 @@ var SideBarItem = styled_components.default.li.withConfig({
 	return require_SideBar_utils.useStateStyle(({ item: theme }, state) => {
 		const { states } = theme;
 		return styled_components.css`
-        margin: ${theme.margin};
+        margin: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.margin};
         ${state === "expanded" && styled_components.css`
           :has(> button) {
-            margin-inline-end: ${theme.itemWithButtonOffset};
+            margin-inline-end: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.itemWithButtonOffset};
           }
         `}
-        height: ${theme.height};
-        padding: ${theme.padding};
-        border-radius: ${theme.borderRadius};
-        gap: ${theme.gap};
+        height: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.height};
+        padding: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.padding};
+        border-radius: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.borderRadius};
+        gap: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.gap};
 
         & {
           ${require_css_utils.styleFromTokens({
@@ -57,12 +58,12 @@ var SideBarItem = styled_components.default.li.withConfig({
         &[data-state='active']::before {
           content: '';
           position: absolute;
-          left: ${theme.activeIndicator.left};
-          top: ${theme.activeIndicator.top};
-          bottom: ${theme.activeIndicator.bottom};
-          width: ${theme.activeIndicator.width};
+          left: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.activeIndicator.left};
+          top: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.activeIndicator.top};
+          bottom: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.activeIndicator.bottom};
+          width: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.activeIndicator.width};
           background-color: ${theme.activeIndicator.bgColor};
-          border-radius: ${theme.activeIndicator.borderRadius};
+          border-radius: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.activeIndicator.borderRadius};
         }
       `;
 	});

package/dist/SideBar/components/Item/Item.style.js

@@ -1,5 +1,6 @@
 import { styleFromTokens, tokenMaps } from "../../../Helpers/css.utils.js";
 import Tooltip from "../../../Tooltip/Tooltip.js";
+import { SIDEBAR_CONSTANTS } from "../../SideBar.constants.js";
 import { useStateStyle } from "../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
 import { useTheme } from "@redis-ui/styles";
@@ -18,16 +19,16 @@ var SideBarItem = _styled.li.withConfig({
 	return useStateStyle(({ item: theme }, state) => {
 		const { states } = theme;
 		return css`
-        margin: ${theme.margin};
+        margin: ${SIDEBAR_CONSTANTS.item.margin};
         ${state === "expanded" && css`
           :has(> button) {
-            margin-inline-end: ${theme.itemWithButtonOffset};
+            margin-inline-end: ${SIDEBAR_CONSTANTS.item.itemWithButtonOffset};
           }
         `}
-        height: ${theme.height};
-        padding: ${theme.padding};
-        border-radius: ${theme.borderRadius};
-        gap: ${theme.gap};
+        height: ${SIDEBAR_CONSTANTS.item.height};
+        padding: ${SIDEBAR_CONSTANTS.item.padding};
+        border-radius: ${SIDEBAR_CONSTANTS.item.borderRadius};
+        gap: ${SIDEBAR_CONSTANTS.item.gap};
 
         & {
           ${styleFromTokens({
@@ -55,12 +56,12 @@ var SideBarItem = _styled.li.withConfig({
         &[data-state='active']::before {
           content: '';
           position: absolute;
-          left: ${theme.activeIndicator.left};
-          top: ${theme.activeIndicator.top};
-          bottom: ${theme.activeIndicator.bottom};
-          width: ${theme.activeIndicator.width};
+          left: ${SIDEBAR_CONSTANTS.item.activeIndicator.left};
+          top: ${SIDEBAR_CONSTANTS.item.activeIndicator.top};
+          bottom: ${SIDEBAR_CONSTANTS.item.activeIndicator.bottom};
+          width: ${SIDEBAR_CONSTANTS.item.activeIndicator.width};
           background-color: ${theme.activeIndicator.bgColor};
-          border-radius: ${theme.activeIndicator.borderRadius};
+          border-radius: ${SIDEBAR_CONSTANTS.item.activeIndicator.borderRadius};
         }
       `;
 	});

package/dist/SideBar/components/Item/components/Button/Button.style.cjs

@@ -1,5 +1,6 @@
 const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
 const require_ActionIconButton = require("../../../../../Button/ActionIconButton/ActionIconButton.cjs");
+const require_SideBar_constants = require("../../../../SideBar.constants.cjs");
 const require_SideBar_utils = require("../../../../SideBar.utils.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
@@ -15,7 +16,7 @@ var SideBarItemButton = (0, styled_components.default)(require_ActionIconButton.
 ], ({ $isExpanded, $transitionEnd }) => $isExpanded && $transitionEnd ? "1" : "0", ({ $isExpanded, $transitionEnd }) => $isExpanded && $transitionEnd ? "auto" : "none", () => require_SideBar_utils.useStateStyle((theme) => styled_components.css`
           background-color: ${theme.item.button.bgColor};
           border-color: ${theme.item.button.borderColor};
-          border-width: ${theme.item.button.borderSize};
+          border-width: ${require_SideBar_constants.SIDEBAR_CONSTANTS.item.button.borderSize};
           color: ${theme.item.button.textColor};
           border-style: solid;
         `));

package/dist/SideBar/components/Item/components/Button/Button.style.js

@@ -1,4 +1,5 @@
 import ActionIconButton from "../../../../../Button/ActionIconButton/ActionIconButton.js";
+import { SIDEBAR_CONSTANTS } from "../../../../SideBar.constants.js";
 import { useStateStyle } from "../../../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
 //#region src/SideBar/components/Item/components/Button/Button.style.ts
@@ -13,7 +14,7 @@ var SideBarItemButton = _styled(ActionIconButton).withConfig({
 ], ({ $isExpanded, $transitionEnd }) => $isExpanded && $transitionEnd ? "1" : "0", ({ $isExpanded, $transitionEnd }) => $isExpanded && $transitionEnd ? "auto" : "none", () => useStateStyle((theme) => css`
           background-color: ${theme.item.button.bgColor};
           border-color: ${theme.item.button.borderColor};
-          border-width: ${theme.item.button.borderSize};
+          border-width: ${SIDEBAR_CONSTANTS.item.button.borderSize};
           color: ${theme.item.button.textColor};
           border-style: solid;
         `));

package/dist/SideBar/components/SideBarLogo/SideBarLogo.style.cjs

@@ -1,13 +1,11 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_SideBar_utils = require("../../SideBar.utils.cjs");
+const require_SideBar_constants = require("../../SideBar.constants.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
 //#region src/SideBar/components/SideBarLogo/SideBarLogo.style.ts
 var SideBarLogo = styled_components.default.span.withConfig({
 	displayName: "SideBarLogostyle__SideBarLogo",
 	componentId: "RedisUI__sc-1u1jhxg-0"
-})(["display:flex;z-index:1;transition:padding-left 0.2s;@media (prefers-reduced-motion:reduce){transition:none;}", ""], () => require_SideBar_utils.useStateStyle((theme) => styled_components.css`
-          padding-left: ${theme.logo.offset};
-        `));
+})(["display:flex;z-index:1;transition:padding-left 0.2s;padding-left:", ";@media (prefers-reduced-motion:reduce){transition:none;}"], require_SideBar_constants.SIDEBAR_CONSTANTS.logo.offset);
 //#endregion
 exports.SideBarLogo = SideBarLogo;

package/dist/SideBar/components/SideBarLogo/SideBarLogo.style.js

@@ -1,11 +1,9 @@
-import { useStateStyle } from "../../SideBar.utils.js";
-import _styled, { css } from "styled-components";
+import { SIDEBAR_CONSTANTS } from "../../SideBar.constants.js";
+import _styled from "styled-components";
 //#region src/SideBar/components/SideBarLogo/SideBarLogo.style.ts
 var SideBarLogo = _styled.span.withConfig({
 	displayName: "SideBarLogostyle__SideBarLogo",
 	componentId: "RedisUI__sc-1u1jhxg-0"
-})(["display:flex;z-index:1;transition:padding-left 0.2s;@media (prefers-reduced-motion:reduce){transition:none;}", ""], () => useStateStyle((theme) => css`
-          padding-left: ${theme.logo.offset};
-        `));
+})(["display:flex;z-index:1;transition:padding-left 0.2s;padding-left:", ";@media (prefers-reduced-motion:reduce){transition:none;}"], SIDEBAR_CONSTANTS.logo.offset);
 //#endregion
 export { SideBarLogo };

package/dist/Toast/Toaster.style.cjs

@@ -1,6 +1,6 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_react_toastify_esm = require("../packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs");
-;/* empty css                                                                      */
+const require_react_toastify_esm = require("../node_modules/react-toastify/dist/react-toastify.esm.cjs");
+;/* empty css                                                  */
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
 let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");

package/dist/Toast/Toaster.style.js

@@ -1,5 +1,5 @@
-import { Q } from "../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
-/* empty css                                                                    */
+import { Q } from "../node_modules/react-toastify/dist/react-toastify.esm.js";
+/* empty css                                                */
 import _styled from "styled-components";
 import { useTheme } from "@redis-ui/styles";
 //#region src/Toast/Toaster.style.tsx

package/dist/Toast/core/mapping.helpers.cjs

@@ -1,4 +1,4 @@
-const require_react_toastify_esm = require("../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs");
+const require_react_toastify_esm = require("../../node_modules/react-toastify/dist/react-toastify.esm.cjs");
 //#region src/Toast/core/mapping.helpers.tsx
 /**
 * This file maps toastify api to redis-ui api

package/dist/Toast/core/mapping.helpers.js

@@ -1,4 +1,4 @@
-import { B } from "../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
+import { B } from "../../node_modules/react-toastify/dist/react-toastify.esm.js";
 //#region src/Toast/core/mapping.helpers.tsx
 /**
 * This file maps toastify api to redis-ui api

package/dist/_virtual/_rolldown/runtime.cjs

@@ -5,7 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) __defProp(target, name, {
@@ -30,6 +29,5 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-exports.__commonJSMin = __commonJSMin;
 exports.__exportAll = __exportAll;
 exports.__toESM = __toESM;

package/dist/_virtual/_rolldown/runtime.js

@@ -1,6 +1,5 @@
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
-var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) __defProp(target, name, {
@@ -11,4 +10,4 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 //#endregion
-export { __commonJSMin, __exportAll };
+export { __exportAll };

package/dist/index.cjs

@@ -26,6 +26,7 @@ const require_Link = require("./Link/Link.cjs");
 const require_react_utils = require("./Helpers/react.utils.cjs");
 const require_generateId = require("./Helpers/generateId.cjs");
 const require_debounce = require("./Helpers/debounce.cjs");
+const require_throttle = require("./Helpers/throttle.cjs");
 const require_SharedId_context = require("./Helpers/contexts/SharedId.context.cjs");
 const require_PrimitiveContextState = require("./Helpers/contexts/PrimitiveContextState.cjs");
 const require_NullableContext = require("./Helpers/contexts/NullableContext.cjs");
@@ -283,6 +284,7 @@ exports.isTextualNode = require_react_utils.isTextualNode;
 exports.memoWithGenerics = require_react_utils.memoWithGenerics;
 exports.textButtonSizes = require_TextButton_types.textButtonSizes;
 exports.textButtonVariants = require_TextButton_types.textButtonVariants;
+exports.throttle = require_throttle.throttle;
 exports.toast = require_core.toast;
 exports.typographyColors = require_Typography_types.typographyColors;
 exports.useEllipsisTooltip = require_useEllipsisTooltip.useEllipsisTooltip;

package/dist/index.js

@@ -24,6 +24,7 @@ import Link from "./Link/Link.js";
 import { childrenToString, combineHandlers, forwardRefWithGenerics, handlePreventDefault, handleStopPropagation, isFragmentElement, isTextualNode, memoWithGenerics } from "./Helpers/react.utils.js";
 import { generateId, useGeneratedId } from "./Helpers/generateId.js";
 import { debounce } from "./Helpers/debounce.js";
+import { throttle } from "./Helpers/throttle.js";
 import { SharedIdProvider, SharedIdTransProvider, useSharedId } from "./Helpers/contexts/SharedId.context.js";
 import { createPrimitiveContextState } from "./Helpers/contexts/PrimitiveContextState.js";
 import { createNullableContext } from "./Helpers/contexts/NullableContext.js";
@@ -110,4 +111,4 @@ import { ProgressBar } from "./ProgressBar/ProgressBar.js";
 import { ProfileIcon_style_exports } from "./ProfileIcon/ProfileIcon.style.js";
 import ProfileIcon from "./ProfileIcon/ProfileIcon.js";
 import Slider from "./Slider/Slider.js";
-export { ActionIconButton_style_exports as ActionButtonWithIconStyles, ActionIconButton, AppBar, AppBar_style_exports as AppBarStyles, AppSelectionMenu, AutoCompleteSelect, Badge, Badge_style_exports as BadgeStyles, Banner, BoxSelectionGroup, Breadcrumbs, Button, ButtonGroup, Button_style_exports as ButtonStyles, IconButton_style_exports as ButtonWithIconStyles, Card, CategoryValueList, Checkbox, Chip, ChipContainer, ChipList, ContextProvider, CopyToClipboardButton, CountryFlag, Drawer, ErrorContentProvider, FieldAdditionTextIdProvider, FieldAdditionTextIdTransProvider, FieldDisabledProvider, FieldDisabledTransProvider, FieldReadonlyProvider, FieldReadonlyTransProvider, FieldRequiredProvider, FieldRequiredTransProvider, FieldStatusProvider, FieldStatusTransProvider, Filters, FlexDivider, FlexGroup, FlexItem, FlexSplit, FormField, HighlightedIcon, HighlightedIcon_style_exports as HighlightedIconStyles, IconButton, Input, KeyValueList, Label, Link, LinkStyler, Loader, Menu, MidBar, Modal, MoreInfoIcon, MultiBoxSelectionGroup, MultiSelect, NumericInput, Overflow, Pagination, PasswordInput, Popover, PopperProvider, ProfileIcon, ProfileIcon_style_exports as ProfileIconStyles, ProgressBar, QuantityCounter, RadioGroup, RestylableElement, ScreenReaderAnnounce, SearchBar, SearchInput, Section, Select, SelfContained, SharedIdProvider, SharedIdTransProvider, SideBar, Skeleton, Slider, Stepper, StepperStepState, Switch, TableHeading, Tabs, TextArea, TextButton, TextButton_style_exports as TextButtonStyles, ThemeModeSwitch, Toast, Toaster, ToggleButton, ToggleButton_style_exports as ToggleButtonStyles, Tooltip, TooltipCard, Provider as TooltipProvider, TreeView, Typography, actionIconButtonSizes, badgeVariants, bannerVariants, buttonSizes, buttonVariants, buttonWithIconVariants, cardVariants, childrenToString, combineHandlers, createNullableContext, createPrimitiveContextState, debounce, forwardRefWithGenerics, generateId, getClosestDivisibleNumber, handlePreventDefault, handleStopPropagation, iconButtonSizes, isFragmentElement, isTextualNode, memoWithGenerics, textButtonSizes, textButtonVariants, toast, typographyColors, useEllipsisTooltip, useErrorContent, useFieldAdditionTextId, useFieldDisabled, useFieldReadonly, useFieldRequired, useFieldStatus, useGeneratedId, useInputValueApi, useInputValueProps, useKeyValueList, useMultiSelectContext, usePaginationContext, usePopperContext, useScrollable, useSelectContext, useSharedId, useThemeModeSwitch, useToastParams };
+export { ActionIconButton_style_exports as ActionButtonWithIconStyles, ActionIconButton, AppBar, AppBar_style_exports as AppBarStyles, AppSelectionMenu, AutoCompleteSelect, Badge, Badge_style_exports as BadgeStyles, Banner, BoxSelectionGroup, Breadcrumbs, Button, ButtonGroup, Button_style_exports as ButtonStyles, IconButton_style_exports as ButtonWithIconStyles, Card, CategoryValueList, Checkbox, Chip, ChipContainer, ChipList, ContextProvider, CopyToClipboardButton, CountryFlag, Drawer, ErrorContentProvider, FieldAdditionTextIdProvider, FieldAdditionTextIdTransProvider, FieldDisabledProvider, FieldDisabledTransProvider, FieldReadonlyProvider, FieldReadonlyTransProvider, FieldRequiredProvider, FieldRequiredTransProvider, FieldStatusProvider, FieldStatusTransProvider, Filters, FlexDivider, FlexGroup, FlexItem, FlexSplit, FormField, HighlightedIcon, HighlightedIcon_style_exports as HighlightedIconStyles, IconButton, Input, KeyValueList, Label, Link, LinkStyler, Loader, Menu, MidBar, Modal, MoreInfoIcon, MultiBoxSelectionGroup, MultiSelect, NumericInput, Overflow, Pagination, PasswordInput, Popover, PopperProvider, ProfileIcon, ProfileIcon_style_exports as ProfileIconStyles, ProgressBar, QuantityCounter, RadioGroup, RestylableElement, ScreenReaderAnnounce, SearchBar, SearchInput, Section, Select, SelfContained, SharedIdProvider, SharedIdTransProvider, SideBar, Skeleton, Slider, Stepper, StepperStepState, Switch, TableHeading, Tabs, TextArea, TextButton, TextButton_style_exports as TextButtonStyles, ThemeModeSwitch, Toast, Toaster, ToggleButton, ToggleButton_style_exports as ToggleButtonStyles, Tooltip, TooltipCard, Provider as TooltipProvider, TreeView, Typography, actionIconButtonSizes, badgeVariants, bannerVariants, buttonSizes, buttonVariants, buttonWithIconVariants, cardVariants, childrenToString, combineHandlers, createNullableContext, createPrimitiveContextState, debounce, forwardRefWithGenerics, generateId, getClosestDivisibleNumber, handlePreventDefault, handleStopPropagation, iconButtonSizes, isFragmentElement, isTextualNode, memoWithGenerics, textButtonSizes, textButtonVariants, throttle, toast, typographyColors, useEllipsisTooltip, useErrorContent, useFieldAdditionTextId, useFieldDisabled, useFieldReadonly, useFieldRequired, useFieldStatus, useGeneratedId, useInputValueApi, useInputValueProps, useKeyValueList, useMultiSelectContext, usePaginationContext, usePopperContext, useScrollable, useSelectContext, useSharedId, useThemeModeSwitch, useToastParams };

package/dist/{packages/components/node_modules → node_modules}/react-toastify/dist/react-toastify.esm.cjs

@@ -1,9 +1,9 @@
 "use client";
-const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
-const require_clsx = require("../../../../../node_modules/clsx/dist/clsx.cjs");
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_clsx = require("../../clsx/dist/clsx.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
-//#region node_modules/react-toastify/dist/react-toastify.esm.mjs
+//#region ../../node_modules/react-toastify/dist/react-toastify.esm.mjs
 var c = (e) => "number" == typeof e && !isNaN(e), d = (e) => "string" == typeof e, u = (e) => "function" == typeof e, p = (e) => d(e) || u(e) ? e : null, m = (e) => (0, react.isValidElement)(e) || d(e) || u(e) || c(e);
 function f(e, t, n) {
 	void 0 === n && (n = 300);

package/dist/{packages/components/node_modules → node_modules}/react-toastify/dist/react-toastify.esm.js

@@ -1,7 +1,7 @@
 "use client";
-import clsx from "../../../../../node_modules/clsx/dist/clsx.js";
+import clsx from "../../clsx/dist/clsx.js";
 import React, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
-//#region node_modules/react-toastify/dist/react-toastify.esm.mjs
+//#region ../../node_modules/react-toastify/dist/react-toastify.esm.mjs
 var c = (e) => "number" == typeof e && !isNaN(e), d = (e) => "string" == typeof e, u = (e) => "function" == typeof e, p = (e) => d(e) || u(e) ? e : null, m = (e) => isValidElement(e) || d(e) || u(e) || c(e);
 function f(e, t, n) {
 	void 0 === n && (n = 300);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redis-ui/components",
   "license": "UNLICENSED",
-  "version": "47.6.1",
+  "version": "47.6.3",
   "type": "module",
   "sideEffects": false,
   "repository": "git@github.com:redislabsdev/redis-ui.git",
@@ -30,7 +30,7 @@
   },
   "peerDependencies": {
     "@redis-ui/icons": "^8.0.0 || ^9.0.0",
-    "@redis-ui/styles": "^16.4.3",
+    "@redis-ui/styles": "^17.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "styled-components": "^5.0.0"
@@ -63,7 +63,6 @@
     "virtua": "^0.36.3"
   },
   "devDependencies": {
-    "@types/lodash": "^4.17.24",
     "@types/styled-components": "^5.1.26",
     "vi-canvas-mock": "^1.0.0",
     "vite-plugin-babel-macros": "^1.0.6",

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

@@ -29,7 +29,7 @@ import { ButtonGroup } from '@redis-ui/components';
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `isSelected` | `boolean` | - | Marks the button as selected for styling purposes. |
+| `isSelected` | `boolean` | - | Marks the button as selected. Applies the selected styling and sets `aria-pressed` to expose the toggle state to assistive technology. When omitted, no `aria-pressed` attribute is rendered (plain, non-toggle button). |
 | `onClick` | `(e: React.MouseEvent<HTMLButtonElement>) => void` | - | Click handler used to toggle selection. |
 | `children` | `React.ReactNode` | - | Button content. |
 
@@ -123,5 +123,6 @@ const isSelected = (value: string) => selected.includes(value);
 
 - `ButtonGroup` has no internal selection logic; manage selected state in the parent component.
 - `ButtonGroup.Button` is styled as a native `button` and can be disabled through the standard `disabled` attribute.
+- `ButtonGroup.Button` follows the WAI-ARIA toggle button pattern: passing `isSelected` sets `aria-pressed` (`true`/`false`) so screen readers announce the selected state. This works for both single- and multi-select usages. Buttons rendered without `isSelected` get no `aria-pressed` and remain plain buttons.
 - `ButtonGroup.Icon` always renders the icon at `size="M"` and inherits its color from the surrounding text (`currentColor`).
 - If you need to pass props to an icon component, declare it outside the render path or wrap it in `useMemo`; avoid inline arrow functions because they re-create the icon on every parent render.

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

@@ -550,3 +550,4 @@ const [expanded, setExpanded] = useState(true);
 - `SideBar.Button` is the root collapsible action button, and it defaults to `PlusIcon` when no collapsed icon is provided.
 - `SideBar.Group` wraps a section's `Group.Title` (optional) and items so the title and the items stay together as one logical unit.
 - `SideBar.Group.Title` labels a group of items. Pair `SideBar.Item.Badge` with `Item.Text` if you need to mark individual items as `NEW`, `BETA`, etc.
+- **Theme Architecture (v17.0.0+)**: The SideBar theme uses a flattened structure where state-dependent theme properties (`collapseButton.border`, `collapseButton.right`, `footer.meta.visibility`, `footer.meta.whiteSpace`) are defined as `{ collapsed: string; expanded: string }` objects directly on the theme. Structural layout values (widths, heights, margins, paddings, gaps, radii, shadows) that don't vary across light/dark themes are defined in `SIDEBAR_CONSTANTS` rather than duplicated in each theme file. This eliminates the need for runtime theme merging and provides full type safety.

package/dist/SideBar/SideBarThemeProvider.cjs

@@ -1,30 +0,0 @@
-require("../_virtual/_rolldown/runtime.cjs");
-const require_lodash$1 = require("../node_modules/lodash/lodash.cjs");
-let styled_components = require("styled-components");
-let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-//#region src/SideBar/SideBarThemeProvider.tsx
-var import_lodash = require_lodash$1.default;
-/**
-* Modifies sideBar tokens to make all states valid
-*/
-var SideBarThemeProvider = ({ children }) => {
-	const theme = (0, _redislabsdev_redis_ui_styles.useTheme)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_components.ThemeProvider, {
-		theme: (0, react.useMemo)(() => {
-			const sideBarTheme = { ...theme.components.sideBar };
-			sideBarTheme.expanded = (0, import_lodash.merge)({}, sideBarTheme.collapsed, sideBarTheme.expanded);
-			return {
-				...theme,
-				components: {
-					...theme.components,
-					sideBar: sideBarTheme
-				}
-			};
-		}, [theme]),
-		children
-	});
-};
-//#endregion
-exports.SideBarThemeProvider = SideBarThemeProvider;

package/dist/SideBar/SideBarThemeProvider.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Modifies sideBar tokens to make all states valid
- */
-export declare const SideBarThemeProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;