@redis-ui/components 47.6.1 → 47.6.2

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.2",
   "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/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;

package/dist/SideBar/SideBarThemeProvider.js

@@ -1,29 +0,0 @@
-import { require_lodash } from "../node_modules/lodash/lodash.js";
-import { ThemeProvider } from "styled-components";
-import { useTheme } from "@redis-ui/styles";
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-//#region src/SideBar/SideBarThemeProvider.tsx
-var import_lodash = require_lodash();
-/**
-* Modifies sideBar tokens to make all states valid
-*/
-var SideBarThemeProvider = ({ children }) => {
-	const theme = useTheme();
-	return /* @__PURE__ */ jsx(ThemeProvider, {
-		theme: 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
-export { SideBarThemeProvider };