@redis-ui/components 44.0.2 → 44.1.0

package/dist/Select/components/Content/components/Search/SelectSearchInput.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const SelectSearchInput_style = require("./SelectSearchInput.style.cjs");
 const Context = require("../../../Context/Context.cjs");
@@ -12,8 +12,8 @@ const SelectSearchInput = React__default.default.forwardRef(({
   ...restProps
 }, ref) => {
   const context = Context.useSelectContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(FormField.default.Nested, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(SelectSearchInput_style.SelectSearchInput, {
+  return jsxRuntime.jsx(FormField.default.Nested, {
+    children: jsxRuntime.jsx(SelectSearchInput_style.SelectSearchInput, {
       ref,
       "data-role": "search",
       onChange: (newSearchValue) => {

package/dist/Select/components/Content/components/Search/SelectSearchInput.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { SelectSearchInput as SelectSearchInput$1 } from "./SelectSearchInput.style.js";
 import { useSelectContext } from "../../../Context/Context.js";
@@ -8,8 +8,8 @@ const SelectSearchInput = React__default.forwardRef(({
   ...restProps
 }, ref) => {
   const context = useSelectContext();
-  return jsxRuntimeExports.jsx(FormField.Nested, {
-    children: jsxRuntimeExports.jsx(SelectSearchInput$1, {
+  return jsx(FormField.Nested, {
+    children: jsx(SelectSearchInput$1, {
       ref,
       "data-role": "search",
       onChange: (newSearchValue) => {

package/dist/Select/components/Context/Context.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Field_context = require("../../../Inputs/components/Context/Field.context.cjs");
 const SharedId_context = require("../../../Helpers/contexts/SharedId.context.cjs");
@@ -10,14 +10,14 @@ const SelectContextProvider = ({
   error,
   valid,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(SharedId_context.SharedIdTransProvider, {
-  children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldStatusTransProvider, {
+}) => jsxRuntime.jsx(SharedId_context.SharedIdTransProvider, {
+  children: jsxRuntime.jsx(FormField_context.FieldStatusTransProvider, {
     value: error && "error" || valid && "success" || "none",
-    children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldRequiredTransProvider, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldAdditionTextIdTransProvider, {
-        children: jsxRuntime.jsxRuntimeExports.jsx(Field_context.ErrorContentProvider, {
+    children: jsxRuntime.jsx(FormField_context.FieldRequiredTransProvider, {
+      children: jsxRuntime.jsx(FormField_context.FieldAdditionTextIdTransProvider, {
+        children: jsxRuntime.jsx(Field_context.ErrorContentProvider, {
           value: error ?? "",
-          children: jsxRuntime.jsxRuntimeExports.jsx(Context.Provider, {
+          children: jsxRuntime.jsx(Context.Provider, {
             ...restProps
           })
         })

package/dist/Select/components/Context/Context.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { ErrorContentProvider } from "../../../Inputs/components/Context/Field.context.js";
 import { SharedIdTransProvider } from "../../../Helpers/contexts/SharedId.context.js";
@@ -8,14 +8,14 @@ const SelectContextProvider = ({
   error,
   valid,
   ...restProps
-}) => jsxRuntimeExports.jsx(SharedIdTransProvider, {
-  children: jsxRuntimeExports.jsx(FieldStatusTransProvider, {
+}) => jsx(SharedIdTransProvider, {
+  children: jsx(FieldStatusTransProvider, {
     value: error && "error" || valid && "success" || "none",
-    children: jsxRuntimeExports.jsx(FieldRequiredTransProvider, {
-      children: jsxRuntimeExports.jsx(FieldAdditionTextIdTransProvider, {
-        children: jsxRuntimeExports.jsx(ErrorContentProvider, {
+    children: jsx(FieldRequiredTransProvider, {
+      children: jsx(FieldAdditionTextIdTransProvider, {
+        children: jsx(ErrorContentProvider, {
           value: error ?? "",
-          children: jsxRuntimeExports.jsx(Context.Provider, {
+          children: jsx(Context.Provider, {
             ...restProps
           })
         })

package/dist/Select/components/Trigger/Trigger.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Compose = require("./components/Compose/Compose.cjs");
 const Arrow = require("./components/Arrow/Arrow.cjs");
 const Value = require("./components/Value/Value.cjs");
@@ -14,14 +14,14 @@ const Trigger = Object.assign(({
   loading,
   ...props
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Trigger.Compose, {
+  return jsxRuntime.jsxs(Trigger.Compose, {
     ...props,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Trigger.Value, {
+    children: [jsxRuntime.jsx(Trigger.Value, {
       placeholder,
       valueRender
-    }), allowReset && jsxRuntime.jsxRuntimeExports.jsx(Trigger.ResetButton, {}), jsxRuntime.jsxRuntimeExports.jsx(Trigger.StatusIndicator, {}), jsxRuntime.jsxRuntimeExports.jsx(Trigger.LoadingIndicator, {
+    }), allowReset && jsxRuntime.jsx(Trigger.ResetButton, {}), jsxRuntime.jsx(Trigger.StatusIndicator, {}), jsxRuntime.jsx(Trigger.LoadingIndicator, {
       loading
-    }), jsxRuntime.jsxRuntimeExports.jsx(Trigger.Arrow, {})]
+    }), jsxRuntime.jsx(Trigger.Arrow, {})]
   });
 }, {
   Compose: Compose.default,

package/dist/Select/components/Trigger/Trigger.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Compose from "./components/Compose/Compose.js";
 import Arrow from "./components/Arrow/Arrow.js";
 import Value from "./components/Value/Value.js";
@@ -12,14 +12,14 @@ const Trigger = Object.assign(({
   loading,
   ...props
 }) => {
-  return jsxRuntimeExports.jsxs(Trigger.Compose, {
+  return jsxs(Trigger.Compose, {
     ...props,
-    children: [jsxRuntimeExports.jsx(Trigger.Value, {
+    children: [jsx(Trigger.Value, {
       placeholder,
       valueRender
-    }), allowReset && jsxRuntimeExports.jsx(Trigger.ResetButton, {}), jsxRuntimeExports.jsx(Trigger.StatusIndicator, {}), jsxRuntimeExports.jsx(Trigger.LoadingIndicator, {
+    }), allowReset && jsx(Trigger.ResetButton, {}), jsx(Trigger.StatusIndicator, {}), jsx(Trigger.LoadingIndicator, {
       loading
-    }), jsxRuntimeExports.jsx(Trigger.Arrow, {})]
+    }), jsx(Trigger.Arrow, {})]
   });
 }, {
   Compose,

package/dist/Select/components/Trigger/components/Arrow/Arrow.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const Arrow_style = require("./Arrow.style.cjs");
@@ -9,7 +9,7 @@ const Arrow = ({
   ...restProps
 }) => {
   const theme = redisUiStyles.useTheme().components.select.arrow;
-  return jsxRuntime.jsxRuntimeExports.jsx(Arrow_style.ArrowIconContainer, {
+  return jsxRuntime.jsx(Arrow_style.ArrowIconContainer, {
     Component: icon,
     size: "S",
     customColor: restProps.color ? void 0 : theme.iconColor,

package/dist/Select/components/Trigger/components/Arrow/Arrow.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ChevronDownIcon } from "@redislabsdev/redis-ui-icons";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { ArrowIconContainer } from "./Arrow.style.js";
@@ -7,7 +7,7 @@ const Arrow = ({
   ...restProps
 }) => {
   const theme = useTheme().components.select.arrow;
-  return jsxRuntimeExports.jsx(ArrowIconContainer, {
+  return jsx(ArrowIconContainer, {
     Component: icon,
     size: "S",
     customColor: restProps.color ? void 0 : theme.iconColor,

package/dist/Select/components/Trigger/components/Compose/Compose.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const index$2 = require("../../../../../node_modules/@radix-ui/react-select/dist/index.cjs");
 const index = require("../../../../../node_modules/@radix-ui/react-id/dist/index.cjs");
 const index$1 = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
@@ -36,18 +36,18 @@ const Compose = ({
     ...restProps,
     ...statusProps
   };
-  const errorAlert = status === "error" ? jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+  const errorAlert = status === "error" ? jsxRuntime.jsx(index$1.VisuallyHidden, {
     id: errorId,
     role: "alert",
     children: errorContent
   }) : null;
-  const trigger = customContainer ? jsxRuntime.jsxRuntimeExports.jsx(index$2.Trigger, {
+  const trigger = customContainer ? jsxRuntime.jsx(index$2.Trigger, {
     ...triggerProps,
     asChild: true
-  }) : jsxRuntime.jsxRuntimeExports.jsx(Compose_style.TriggerContainer, {
+  }) : jsxRuntime.jsx(Compose_style.TriggerContainer, {
     ...triggerProps
   });
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [trigger, errorAlert]
   });
 };

package/dist/Select/components/Trigger/components/Compose/Compose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Trigger } from "../../../../../node_modules/@radix-ui/react-select/dist/index.js";
 import { useId } from "../../../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
@@ -34,18 +34,18 @@ const Compose = ({
     ...restProps,
     ...statusProps
   };
-  const errorAlert = status === "error" ? jsxRuntimeExports.jsx(VisuallyHidden, {
+  const errorAlert = status === "error" ? jsx(VisuallyHidden, {
     id: errorId,
     role: "alert",
     children: errorContent
   }) : null;
-  const trigger = customContainer ? jsxRuntimeExports.jsx(Trigger, {
+  const trigger = customContainer ? jsx(Trigger, {
     ...triggerProps,
     asChild: true
-  }) : jsxRuntimeExports.jsx(TriggerContainer, {
+  }) : jsx(TriggerContainer, {
     ...triggerProps
   });
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  return jsxs(Fragment, {
     children: [trigger, errorAlert]
   });
 };

package/dist/Select/components/Trigger/components/ResetButton/ResetButton.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const ResetButton_style = require("./ResetButton.style.cjs");
@@ -15,14 +15,14 @@ const ResetButton = ({
     canUnselect
   } = Context.useSelectContext();
   const theme = redisUiStyles.useTheme().components.select.reset;
-  return canUnselect ? jsxRuntime.jsxRuntimeExports.jsx(ResetButton_style.ResetButton, {
+  return canUnselect ? jsxRuntime.jsx(ResetButton_style.ResetButton, {
     type: "button",
     onClick: resetSelection,
     ...restProps,
     // prevent toggle popper
     onPointerDown: (e) => e.stopPropagation(),
     title: title ?? "Clear All",
-    children: children || jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ToastCancelIcon, {
+    children: children || jsxRuntime.jsx(redisUiIcons.ToastCancelIcon, {
       size: "L",
       customColor: theme.iconColor,
       "aria-hidden": true

package/dist/Select/components/Trigger/components/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ToastCancelIcon } from "@redislabsdev/redis-ui-icons";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { ResetButton as ResetButton$1 } from "./ResetButton.style.js";
@@ -13,14 +13,14 @@ const ResetButton = ({
     canUnselect
   } = useSelectContext();
   const theme = useTheme().components.select.reset;
-  return canUnselect ? jsxRuntimeExports.jsx(ResetButton$1, {
+  return canUnselect ? jsx(ResetButton$1, {
     type: "button",
     onClick: resetSelection,
     ...restProps,
     // prevent toggle popper
     onPointerDown: (e) => e.stopPropagation(),
     title: title ?? "Clear All",
-    children: children || jsxRuntimeExports.jsx(ToastCancelIcon, {
+    children: children || jsx(ToastCancelIcon, {
       size: "L",
       customColor: theme.iconColor,
       "aria-hidden": true

package/dist/Select/components/Trigger/components/Value/Value.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Context = require("../../../Context/Context.cjs");
 const Value_style = require("./Value.style.cjs");
 const defaultValueRender = require("../../../../utils/defaultValueRender.cjs");
@@ -21,12 +21,12 @@ const Value = ({
       isSelected: true,
       isOptionValue: false
     };
-    return jsxRuntime.jsxRuntimeExports.jsx(Value_style.ValueContainer, {
+    return jsxRuntime.jsx(Value_style.ValueContainer, {
       ...restProps,
       children: (valueRender == null ? void 0 : valueRender(renderParams)) ?? defaultValueRender.defaultValueRender(renderParams)
     });
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(Value_style.Placeholder, {
+  return jsxRuntime.jsx(Value_style.Placeholder, {
     ...restProps,
     children: placeholder
   });

package/dist/Select/components/Trigger/components/Value/Value.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useSelectContext } from "../../../Context/Context.js";
 import { ValueContainer, Placeholder } from "./Value.style.js";
 import { defaultValueRender } from "../../../../utils/defaultValueRender.js";
@@ -19,12 +19,12 @@ const Value = ({
       isSelected: true,
       isOptionValue: false
     };
-    return jsxRuntimeExports.jsx(ValueContainer, {
+    return jsx(ValueContainer, {
       ...restProps,
       children: (valueRender == null ? void 0 : valueRender(renderParams)) ?? defaultValueRender(renderParams)
     });
   }
-  return jsxRuntimeExports.jsx(Placeholder, {
+  return jsx(Placeholder, {
     ...restProps,
     children: placeholder
   });

package/dist/Select/utils/defaultValueRender.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const defaultValueRender = ({
   option
-}) => jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-  children: [option.icon && jsxRuntime.jsxRuntimeExports.jsx(option.icon, {}), option.label ?? option.value]
+}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: [option.icon && jsxRuntime.jsx(option.icon, {}), option.label ?? option.value]
 });
 exports.defaultValueRender = defaultValueRender;

package/dist/Select/utils/defaultValueRender.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 const defaultValueRender = ({
   option
-}) => jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-  children: [option.icon && jsxRuntimeExports.jsx(option.icon, {}), option.label ?? option.value]
+}) => jsxs(Fragment, {
+  children: [option.icon && jsx(option.icon, {}), option.label ?? option.value]
 });
 export {
   defaultValueRender

package/dist/SideBar/SideBar.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index = require("../node_modules/@radix-ui/react-id/dist/index.cjs");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
@@ -27,16 +27,16 @@ const SideBar = Object.assign(({
   const handleTransitionChange = (end) => {
     setTransitionEnd(prefersReducedMotion ? true : end);
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(SideBarThemeProvider.SideBarThemeProvider, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(SideBar_context.SideBarContextProvider, {
+  return jsxRuntime.jsx(SideBarThemeProvider.SideBarThemeProvider, {
+    children: jsxRuntime.jsx(SideBar_context.SideBarContextProvider, {
       value: {
         transitionEnd,
         handleTransitionChange,
         isExpanded,
         sidebarId
       },
-      children: jsxRuntime.jsxRuntimeExports.jsx(Provider.default, {
-        children: jsxRuntime.jsxRuntimeExports.jsx(SideBar_style.SideBarContainer, {
+      children: jsxRuntime.jsx(Provider.default, {
+        children: jsxRuntime.jsx(SideBar_style.SideBarContainer, {
           component: "nav",
           direction: "column",
           gap: "0",

package/dist/SideBar/SideBar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useId } from "../node_modules/@radix-ui/react-id/dist/index.js";
 import { usePrefersReducedMotion } from "@redislabsdev/redis-ui-styles";
@@ -25,16 +25,16 @@ const SideBar = Object.assign(({
   const handleTransitionChange = (end) => {
     setTransitionEnd(prefersReducedMotion ? true : end);
   };
-  return jsxRuntimeExports.jsx(SideBarThemeProvider, {
-    children: jsxRuntimeExports.jsx(SideBarContextProvider, {
+  return jsx(SideBarThemeProvider, {
+    children: jsx(SideBarContextProvider, {
       value: {
         transitionEnd,
         handleTransitionChange,
         isExpanded,
         sidebarId
       },
-      children: jsxRuntimeExports.jsx(TooltipProvider, {
-        children: jsxRuntimeExports.jsx(SideBarContainer, {
+      children: jsx(TooltipProvider, {
+        children: jsx(SideBarContainer, {
           component: "nav",
           direction: "column",
           gap: "0",

package/dist/SideBar/SideBarThemeProvider.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const _styled = require("styled-components");
 const React = require("react");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
@@ -22,7 +22,7 @@ const SideBarThemeProvider = ({
       }
     };
   }, [theme]);
-  return jsxRuntime.jsxRuntimeExports.jsx(_styled.ThemeProvider, {
+  return jsxRuntime.jsx(_styled.ThemeProvider, {
     theme: fixedTheme,
     children
   });

package/dist/SideBar/SideBarThemeProvider.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ThemeProvider } from "styled-components";
 import { useMemo } from "react";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
@@ -20,7 +20,7 @@ const SideBarThemeProvider = ({
       }
     };
   }, [theme]);
-  return jsxRuntimeExports.jsx(ThemeProvider, {
+  return jsx(ThemeProvider, {
     theme: fixedTheme,
     children
   });

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const SideBar_context = require("../../SideBar.context.cjs");
 const Tooltip = require("../../../Tooltip/Tooltip.cjs");
@@ -19,24 +19,24 @@ const Button = ({
     isExpanded,
     transitionEnd
   } = SideBar_context.useSideBarContext();
-  const button = jsxRuntime.jsxRuntimeExports.jsx(Button_style.SideBarButton, {
+  const button = jsxRuntime.jsx(Button_style.SideBarButton, {
     size: "large",
     "aria-label": isExpanded ? void 0 : tooltipText,
     ...rest,
-    children: isExpanded && transitionEnd ? jsxRuntime.jsxRuntimeExports.jsx(Button_style.FadeInAnimationText, {
+    children: isExpanded && transitionEnd ? jsxRuntime.jsx(Button_style.FadeInAnimationText, {
       children: buttonExpandedContent
-    }) : jsxRuntime.jsxRuntimeExports.jsx(Button_style.FadeInAnimationSvg, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(ButtonCollapsedIcon, {
+    }) : jsxRuntime.jsx(Button_style.FadeInAnimationSvg, {
+      children: jsxRuntime.jsx(ButtonCollapsedIcon, {
         size: "M",
         customColor: "currentColor",
         "aria-hidden": true
       })
     })
   });
-  return isExpanded ? button : jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+  return isExpanded ? button : jsxRuntime.jsx(Tooltip.default, {
     ...tooltipProps,
     placement,
-    content: jsxRuntime.jsxRuntimeExports.jsx(Button_style.TooltipContent, {
+    content: jsxRuntime.jsx(Button_style.TooltipContent, {
       children: tooltipText
     }),
     children: button

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { PlusIcon } from "@redislabsdev/redis-ui-icons";
 import { useSideBarContext } from "../../SideBar.context.js";
 import Tooltip from "../../../Tooltip/Tooltip.js";
@@ -17,24 +17,24 @@ const Button = ({
     isExpanded,
     transitionEnd
   } = useSideBarContext();
-  const button = jsxRuntimeExports.jsx(SideBarButton, {
+  const button = jsx(SideBarButton, {
     size: "large",
     "aria-label": isExpanded ? void 0 : tooltipText,
     ...rest,
-    children: isExpanded && transitionEnd ? jsxRuntimeExports.jsx(FadeInAnimationText, {
+    children: isExpanded && transitionEnd ? jsx(FadeInAnimationText, {
       children: buttonExpandedContent
-    }) : jsxRuntimeExports.jsx(FadeInAnimationSvg, {
-      children: jsxRuntimeExports.jsx(ButtonCollapsedIcon, {
+    }) : jsx(FadeInAnimationSvg, {
+      children: jsx(ButtonCollapsedIcon, {
         size: "M",
         customColor: "currentColor",
         "aria-hidden": true
       })
     })
   });
-  return isExpanded ? button : jsxRuntimeExports.jsx(Tooltip, {
+  return isExpanded ? button : jsx(Tooltip, {
     ...tooltipProps,
     placement,
-    content: jsxRuntimeExports.jsx(TooltipContent, {
+    content: jsx(TooltipContent, {
       children: tooltipText
     }),
     children: button

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Divider_style = require("./Divider.style.cjs");
-const Divider = (props) => jsxRuntime.jsxRuntimeExports.jsx(Divider_style.SideBarDivider, {
+const Divider = (props) => jsxRuntime.jsx(Divider_style.SideBarDivider, {
   role: "separator",
   "aria-hidden": true,
   ...props

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

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SideBarDivider } from "./Divider.style.js";
-const Divider = (props) => jsxRuntimeExports.jsx(SideBarDivider, {
+const Divider = (props) => jsx(SideBarDivider, {
   role: "separator",
   "aria-hidden": true,
   ...props

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const MetaData = require("./components/MetaData/MetaData.cjs");
 const Link = require("./components/Link/Link.cjs");
 const Text = require("./components/Text/Text.cjs");
 const Footer_style = require("./Footer.style.cjs");
 const Footer = Object.assign(
-  (props) => jsxRuntime.jsxRuntimeExports.jsx(Footer_style.SideBarFooter, {
+  (props) => jsxRuntime.jsx(Footer_style.SideBarFooter, {
     ...props
   }),
   //

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

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import MetaData from "./components/MetaData/MetaData.js";
 import Link from "./components/Link/Link.js";
 import Text from "./components/Text/Text.js";
 import { SideBarFooter } from "./Footer.style.js";
 const Footer = Object.assign(
-  (props) => jsxRuntimeExports.jsx(SideBarFooter, {
+  (props) => jsx(SideBarFooter, {
     ...props
   }),
   //

package/dist/SideBar/components/Footer/components/Link/Link.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Link_style = require("./Link.style.cjs");
 const Typography = require("../../../../../Typography/Typography.cjs");
 const Link = ({
   children,
   ...rest
-}) => jsxRuntime.jsxRuntimeExports.jsx(Link_style.FooterLink, {
+}) => jsxRuntime.jsx(Link_style.FooterLink, {
   ...rest,
-  children: jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  children: jsxRuntime.jsx(Typography.default.Body, {
     size: "XS",
     component: "span",
     children

package/dist/SideBar/components/Footer/components/Link/Link.js

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { FooterLink } from "./Link.style.js";
 import Typography from "../../../../../Typography/Typography.js";
 const Link = ({
   children,
   ...rest
-}) => jsxRuntimeExports.jsx(FooterLink, {
+}) => jsx(FooterLink, {
   ...rest,
-  children: jsxRuntimeExports.jsx(Typography.Body, {
+  children: jsx(Typography.Body, {
     size: "XS",
     component: "span",
     children

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const MetaData_style = require("./MetaData.style.cjs");
 const MetaData = ({
   children,
   ...rest
-}) => jsxRuntime.jsxRuntimeExports.jsx(MetaData_style.FooterMetadata, {
+}) => jsxRuntime.jsx(MetaData_style.FooterMetadata, {
   ...rest,
   children
 });