@redis-ui/components 47.6.0 → 47.6.2

package/dist/Typography/components/Code/Code.style.js

@@ -1,6 +1,6 @@
 import TypographyBase from "../Base/Base.js";
 import _styled, { css } from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Typography/components/Code/Code.style.ts
 var useCodeStyles = ({ $size = "L", $variant = "regular", $color } = {}) => {
 	const theme = useTheme();

package/dist/Typography/components/Heading/Heading.style.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_Base = require("../Base/Base.cjs");
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
 //#region src/Typography/components/Heading/Heading.style.ts
 var TypographyHeading = (0, styled_components.default)(require_Base.default).withConfig({
 	displayName: "Headingstyle__TypographyHeading",

package/dist/Typography/components/Heading/Heading.style.js

@@ -1,6 +1,6 @@
 import TypographyBase from "../Base/Base.js";
 import _styled, { css } from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Typography/components/Heading/Heading.style.ts
 var TypographyHeading = _styled(TypographyBase).withConfig({
 	displayName: "Headingstyle__TypographyHeading",

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");
@@ -111,7 +112,7 @@ const require_ProgressBar = require("./ProgressBar/ProgressBar.cjs");
 const require_ProfileIcon_style = require("./ProfileIcon/ProfileIcon.style.cjs");
 const require_ProfileIcon = require("./ProfileIcon/ProfileIcon.cjs");
 const require_Slider = require("./Slider/Slider.cjs");
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
 Object.defineProperty(exports, "ActionButtonWithIconStyles", {
 	enumerable: true,
 	get: function() {
@@ -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.0",
+  "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("@redislabsdev/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 "@redislabsdev/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 };