@redis-ui/components 47.6.0 → 47.6.2

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

@@ -3,7 +3,7 @@ const require_ScreenReaderAnnounce = require("../../../ScreenReaderAnnounce/Scre
 const require_SideBar_context = require("../../SideBar.context.cjs");
 const require_Header_style = require("./Header.style.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _redislabsdev_redis_ui_icons = require("@redislabsdev/redis-ui-icons");
+let _redislabsdev_redis_ui_icons = require("@redis-ui/icons");
 //#region src/SideBar/components/Header/Header.tsx
 var Header = ({ children, onToggle, ...rest }) => {
 	const { isExpanded, handleTransitionChange, sidebarId } = require_SideBar_context.useSideBarContext();

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

@@ -2,7 +2,7 @@ import { ScreenReaderAnnounce } from "../../../ScreenReaderAnnounce/ScreenReader
 import { useSideBarContext } from "../../SideBar.context.js";
 import { SideBarHeader, SideBarHeaderContent, SideBarToggleButton } from "./Header.style.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon } from "@redislabsdev/redis-ui-icons";
+import { ChevronDownIcon } from "@redis-ui/icons";
 //#region src/SideBar/components/Header/Header.tsx
 var Header = ({ children, onToggle, ...rest }) => {
 	const { isExpanded, handleTransitionChange, sidebarId } = useSideBarContext();

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

@@ -1,16 +1,17 @@
 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);
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
 //#region src/SideBar/components/Header/Header.style.ts
 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,14 +1,15 @@
+import { SIDEBAR_CONSTANTS } from "../../SideBar.constants.js";
 import { useStateStyle } from "../../SideBar.utils.js";
 import _styled, { css } from "styled-components";
-import { getFocusStyle } from "@redislabsdev/redis-ui-styles";
+import { getFocusStyle } from "@redis-ui/styles";
 //#region src/SideBar/components/Header/Header.style.ts
 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,10 +1,11 @@
 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);
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
 //#region src/SideBar/components/Item/Item.style.ts
 var maps = [require_css_utils.tokenMaps.bgColor, require_css_utils.tokenMaps.textColor];
 var SideBarItem = styled_components.default.li.withConfig({
@@ -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,8 +1,9 @@
 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 "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/SideBar/components/Item/Item.style.ts
 var maps = [tokenMaps.bgColor, tokenMaps.textColor];
 var SideBarItem = _styled.li.withConfig({
@@ -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/Item/components/Icon/Icon.types.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '@redislabsdev/redis-ui-icons';
+import { IconType } from '@redis-ui/icons';
 export interface SideBarItemIconProps {
     icon: IconType;
 }

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/SideBar/components/SideBarLogo/SideBarLogo.types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconType } from '@redislabsdev/redis-ui-icons';
+import { IconType } from '@redis-ui/icons';
 export interface SideBarLogoProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
     logoIcon: IconType;
 }

package/dist/Skeleton/components/Card/Card.style.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_css_utils = require("../../../Helpers/css.utils.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/Skeleton/components/Card/Card.style.ts
 var SkeletonCard = styled_components.default.div.withConfig({
 	displayName: "Cardstyle__SkeletonCard",

package/dist/Skeleton/components/Card/Card.style.js

@@ -1,6 +1,6 @@
 import { calcSize } from "../../../Helpers/css.utils.js";
 import _styled, { css } from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Skeleton/components/Card/Card.style.ts
 var SkeletonCard = _styled.div.withConfig({
 	displayName: "Cardstyle__SkeletonCard",

package/dist/Skeleton/components/Circle/Circle.style.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.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/Skeleton/components/Circle/Circle.style.ts
 var CirclesContainer = styled_components.default.div.withConfig({
 	displayName: "Circlestyle__CirclesContainer",

package/dist/Skeleton/components/Circle/Circle.style.js

@@ -1,5 +1,5 @@
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Skeleton/components/Circle/Circle.style.ts
 var CirclesContainer = _styled.div.withConfig({
 	displayName: "Circlestyle__CirclesContainer",

package/dist/Skeleton/components/Grid/Grid.cjs

@@ -1,7 +1,7 @@
 require("../../../_virtual/_rolldown/runtime.cjs");
 const require_css_utils = require("../../../Helpers/css.utils.cjs");
 const require_Grid_style = require("./Grid.style.cjs");
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Skeleton/components/Grid/Grid.tsx
 var Grid = ({ columns, children, direction = "row", gap }) => {

package/dist/Skeleton/components/Grid/Grid.js

@@ -1,6 +1,6 @@
 import { calcSize } from "../../../Helpers/css.utils.js";
 import { GridContainer } from "./Grid.style.js";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 import { jsx } from "react/jsx-runtime";
 //#region src/Skeleton/components/Grid/Grid.tsx
 var Grid = ({ columns, children, direction = "row", gap }) => {

package/dist/Skeleton/components/Square/Square.style.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.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/Skeleton/components/Square/Square.style.ts
 var SquaresContainer = styled_components.default.div.withConfig({
 	displayName: "Squarestyle__SquaresContainer",

package/dist/Skeleton/components/Square/Square.style.js

@@ -1,5 +1,5 @@
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Skeleton/components/Square/Square.style.ts
 var SquaresContainer = _styled.div.withConfig({
 	displayName: "Squarestyle__SquaresContainer",

package/dist/Skeleton/hooks/useShapeProps.cjs

@@ -1,5 +1,5 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
 //#region src/Skeleton/hooks/useShapeProps.ts
 var useShapeProps = ({ darkShade }) => {
 	const shade = (0, _redislabsdev_redis_ui_styles.useTheme)().components.skeleton.shades[darkShade ? "dark" : "light"];

package/dist/Skeleton/hooks/useShapeProps.js

@@ -1,4 +1,4 @@
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Skeleton/hooks/useShapeProps.ts
 var useShapeProps = ({ darkShade }) => {
 	const shade = useTheme().components.skeleton.shades[darkShade ? "dark" : "light"];

package/dist/Slider/components/Compose/Compose.style.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../node_modules/@radix-ui/react-slider/dist/index.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/Slider/components/Compose/Compose.style.ts
 var SliderCompose = (0, styled_components.default)(require_index.Root).withConfig({
 	displayName: "Composestyle__SliderCompose",

package/dist/Slider/components/Compose/Compose.style.js

@@ -1,6 +1,6 @@
 import { Root } from "../../../node_modules/@radix-ui/react-slider/dist/index.js";
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Slider/components/Compose/Compose.style.ts
 var SliderCompose = _styled(Root).withConfig({
 	displayName: "Composestyle__SliderCompose",

package/dist/Slider/components/Label/Compose/Compose.style.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.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/Slider/components/Label/Compose/Compose.style.ts
 var SliderLabelCompose = styled_components.default.div.withConfig({
 	displayName: "Composestyle__SliderLabelCompose",

package/dist/Slider/components/Label/Compose/Compose.style.js

@@ -1,5 +1,5 @@
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Slider/components/Label/Compose/Compose.style.ts
 var SliderLabelCompose = _styled.div.withConfig({
 	displayName: "Composestyle__SliderLabelCompose",

package/dist/Slider/components/Mark/Mark.style.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.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/Slider/components/Mark/Mark.style.ts
 var SliderMarkRender = styled_components.default.div.withConfig({
 	displayName: "Markstyle__SliderMarkRender",

package/dist/Slider/components/Mark/Mark.style.js

@@ -1,5 +1,5 @@
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Slider/components/Mark/Mark.style.ts
 var SliderMarkRender = _styled.div.withConfig({
 	displayName: "Markstyle__SliderMarkRender",

package/dist/Slider/components/Thumb/Thumb.style.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.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/Slider/components/Thumb/Thumb.style.ts
 var SliderThumbRender = styled_components.default.div.withConfig({
 	displayName: "Thumbstyle__SliderThumbRender",

package/dist/Slider/components/Thumb/Thumb.style.js

@@ -1,5 +1,5 @@
 import _styled from "styled-components";
-import { useTheme, withOpacity } from "@redislabsdev/redis-ui-styles";
+import { useTheme, withOpacity } from "@redis-ui/styles";
 //#region src/Slider/components/Thumb/Thumb.style.ts
 var SliderThumbRender = _styled.div.withConfig({
 	displayName: "Thumbstyle__SliderThumbRender",

package/dist/Slider/components/Track/Compose/Compose.style.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../../node_modules/@radix-ui/react-slider/dist/index.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/Slider/components/Track/Compose/Compose.style.ts
 var SliderTrack = (0, styled_components.default)(require_index.Track).withConfig({
 	displayName: "Composestyle__SliderTrack",

package/dist/Slider/components/Track/Compose/Compose.style.js

@@ -1,6 +1,6 @@
 import { Track } from "../../../../node_modules/@radix-ui/react-slider/dist/index.js";
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Slider/components/Track/Compose/Compose.style.ts
 var SliderTrack = _styled(Track).withConfig({
 	displayName: "Composestyle__SliderTrack",

package/dist/Slider/components/Track/Range/Range.style.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../../node_modules/@radix-ui/react-slider/dist/index.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/Slider/components/Track/Range/Range.style.tsx
 var SliderRange = (0, styled_components.default)(require_index.Range).withConfig({
 	displayName: "Rangestyle__SliderRange",

package/dist/Slider/components/Track/Range/Range.style.js

@@ -1,6 +1,6 @@
 import { Range } from "../../../../node_modules/@radix-ui/react-slider/dist/index.js";
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Slider/components/Track/Range/Range.style.tsx
 var SliderRange = _styled(Range).withConfig({
 	displayName: "Rangestyle__SliderRange",

package/dist/Stepper/components/Compose/Compose.style.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.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/Stepper/components/Compose/Compose.style.ts
 var StepperCompose = styled_components.default.div.withConfig({
 	displayName: "Composestyle__StepperCompose",

package/dist/Stepper/components/Compose/Compose.style.js

@@ -1,5 +1,5 @@
 import _styled from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Stepper/components/Compose/Compose.style.ts
 var StepperCompose = _styled.div.withConfig({
 	displayName: "Composestyle__StepperCompose",

package/dist/Stepper/components/Step/components/Compose/Compose.style.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs")
 const require_Compose_style = require("../../../Compose/Compose.style.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/Stepper/components/Step/components/Compose/Compose.style.ts
 var StepCompose = styled_components.default.div.withConfig({
 	displayName: "Composestyle__StepCompose",

package/dist/Stepper/components/Step/components/Compose/Compose.style.js

@@ -1,6 +1,6 @@
 import { StepperCompose } from "../../../Compose/Compose.style.js";
 import _styled from "styled-components";
-import { getFocusStyleProperties, useTheme } from "@redislabsdev/redis-ui-styles";
+import { getFocusStyleProperties, useTheme } from "@redis-ui/styles";
 //#region src/Stepper/components/Step/components/Compose/Compose.style.ts
 var StepCompose = _styled.div.withConfig({
 	displayName: "Composestyle__StepCompose",

package/dist/Stepper/components/Step/components/Icon/Icon.style.cjs

@@ -2,8 +2,8 @@ const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs")
 const require_Step_types = require("../../Step.types.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_icons = require("@redislabsdev/redis-ui-icons");
+let _redislabsdev_redis_ui_styles = require("@redis-ui/styles");
+let _redislabsdev_redis_ui_icons = require("@redis-ui/icons");
 //#region src/Stepper/components/Step/components/Icon/Icon.style.ts
 var Container = styled_components.default.div.withConfig({
 	displayName: "Iconstyle__Container",

package/dist/Stepper/components/Step/components/Icon/Icon.style.d.ts

@@ -1,2 +1,2 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconCheck: import("styled-components").StyledComponent<({ size, customSize, variant, title: titleProp, ...rest }: import("@redislabsdev/redis-ui-icons").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const IconCheck: import("styled-components").StyledComponent<({ size, customSize, variant, title: titleProp, ...rest }: import("@redis-ui/icons").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Stepper/components/Step/components/Icon/Icon.style.js

@@ -1,7 +1,7 @@
 import { StepperStepState } from "../../Step.types.js";
 import _styled, { css } from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
-import { CheckBoldIcon } from "@redislabsdev/redis-ui-icons";
+import { useTheme } from "@redis-ui/styles";
+import { CheckBoldIcon } from "@redis-ui/icons";
 //#region src/Stepper/components/Step/components/Icon/Icon.style.ts
 var Container = _styled.div.withConfig({
 	displayName: "Iconstyle__Container",

package/dist/Stepper/components/Step/components/Label/Label.style.cjs

@@ -3,7 +3,7 @@ const require_Typography = require("../../../../../Typography/Typography.cjs");
 const require_Step_types = require("../../Step.types.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/Stepper/components/Step/components/Label/Label.style.ts
 var StepLabel = (0, styled_components.default)(require_Typography.default.Body).withConfig({
 	displayName: "Labelstyle__StepLabel",

package/dist/Stepper/components/Step/components/Label/Label.style.js

@@ -1,7 +1,7 @@
 import Typography from "../../../../../Typography/Typography.js";
 import { StepperStepState } from "../../Step.types.js";
 import _styled, { css } from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { useTheme } from "@redis-ui/styles";
 //#region src/Stepper/components/Step/components/Label/Label.style.ts
 var StepLabel = _styled(Typography.Body).withConfig({
 	displayName: "Labelstyle__StepLabel",