@redis-ui/components 44.0.2 → 44.1.0

package/dist/AppBar/AppBar.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 AppBar_style = require("./AppBar.style.cjs");
 const RightContainer = require("./components/RightContainer/RightContainer.cjs");
 const LeftContainer = require("./components/LeftContainer/LeftContainer.cjs");
@@ -11,7 +11,7 @@ const AppBar = Object.assign(({
   variant = "default",
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(AppBar_style.AppBar, {
+  return jsxRuntime.jsx(AppBar_style.AppBar, {
     variant,
     className,
     ...restProps,

package/dist/AppBar/AppBar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { AppBar as AppBar$2 } from "./AppBar.style.js";
 import RightContainer from "./components/RightContainer/RightContainer.js";
 import LeftContainer from "./components/LeftContainer/LeftContainer.js";
@@ -9,7 +9,7 @@ const AppBar = Object.assign(({
   variant = "default",
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(AppBar$2, {
+  return jsx(AppBar$2, {
     variant,
     className,
     ...restProps,

package/dist/AppBar/components/LeftContainer/LeftContainer.cjs

@@ -1,13 +1,13 @@
 "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 LeftContainer_style = require("./LeftContainer.style.cjs");
 const LeftContainer = ({
   children,
   className,
   ...rest
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(LeftContainer_style.LeftContainer, {
+  return jsxRuntime.jsx(LeftContainer_style.LeftContainer, {
     className,
     ...rest,
     children

package/dist/AppBar/components/LeftContainer/LeftContainer.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { LeftContainer as LeftContainer$1 } from "./LeftContainer.style.js";
 const LeftContainer = ({
   children,
   className,
   ...rest
 }) => {
-  return jsxRuntimeExports.jsx(LeftContainer$1, {
+  return jsx(LeftContainer$1, {
     className,
     ...rest,
     children

package/dist/AppBar/components/RightContainer/RightContainer.cjs

@@ -1,13 +1,13 @@
 "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 RightContainer_style = require("./RightContainer.style.cjs");
 const RightContainer = ({
   children,
   className,
   ...rest
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(RightContainer_style.RightContainer, {
+  return jsxRuntime.jsx(RightContainer_style.RightContainer, {
     className,
     ...rest,
     children

package/dist/AppBar/components/RightContainer/RightContainer.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { RightContainer as RightContainer$1 } from "./RightContainer.style.js";
 const RightContainer = ({
   children,
   className,
   ...rest
 }) => {
-  return jsxRuntimeExports.jsx(RightContainer$1, {
+  return jsx(RightContainer$1, {
     className,
     ...rest,
     children

package/dist/AppSelectionMenu/AppSelectionMenu.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 Content = require("./components/Content/Content.cjs");
 const Item = require("./components/Item/Item.cjs");
 const Trigger = require("./components/Trigger/Trigger.cjs");
@@ -11,14 +11,14 @@ const AppSelectionMenu = Object.assign(({
   defaultOpen,
   open,
   onOpenChange
-}) => jsxRuntime.jsxRuntimeExports.jsxs(AppSelectionMenu.Compose, {
+}) => jsxRuntime.jsxs(AppSelectionMenu.Compose, {
   defaultOpen,
   open,
   onOpenChange,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(AppSelectionMenu.Trigger, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(AppSelectionMenu.Icon, {})
-  }), jsxRuntime.jsxRuntimeExports.jsx(AppSelectionMenu.Content, {
-    children: items.map((item) => jsxRuntime.jsxRuntimeExports.jsx(AppSelectionMenu.Item, {
+  children: [jsxRuntime.jsx(AppSelectionMenu.Trigger, {
+    children: jsxRuntime.jsx(AppSelectionMenu.Icon, {})
+  }), jsxRuntime.jsx(AppSelectionMenu.Content, {
+    children: items.map((item) => jsxRuntime.jsx(AppSelectionMenu.Item, {
       ...item
     }, item.label))
   })]

package/dist/AppSelectionMenu/AppSelectionMenu.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Content } from "./components/Content/Content.js";
 import { Item } from "./components/Item/Item.js";
 import { Trigger } from "./components/Trigger/Trigger.js";
@@ -9,14 +9,14 @@ const AppSelectionMenu = Object.assign(({
   defaultOpen,
   open,
   onOpenChange
-}) => jsxRuntimeExports.jsxs(AppSelectionMenu.Compose, {
+}) => jsxs(AppSelectionMenu.Compose, {
   defaultOpen,
   open,
   onOpenChange,
-  children: [jsxRuntimeExports.jsx(AppSelectionMenu.Trigger, {
-    children: jsxRuntimeExports.jsx(AppSelectionMenu.Icon, {})
-  }), jsxRuntimeExports.jsx(AppSelectionMenu.Content, {
-    children: items.map((item) => jsxRuntimeExports.jsx(AppSelectionMenu.Item, {
+  children: [jsx(AppSelectionMenu.Trigger, {
+    children: jsx(AppSelectionMenu.Icon, {})
+  }), jsx(AppSelectionMenu.Content, {
+    children: items.map((item) => jsx(AppSelectionMenu.Item, {
       ...item
     }, item.label))
   })]

package/dist/AppSelectionMenu/components/Compose/Compose.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 index = require("../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
 const AppSelectionMenu_context = require("../../AppSelectionMenu.context.cjs");
@@ -23,9 +23,9 @@ const Compose = ({
     open: !!open,
     close
   }), [open, close]);
-  return jsxRuntime.jsxRuntimeExports.jsx(AppSelectionMenu_context.AppSelectionMenuContext.Provider, {
+  return jsxRuntime.jsx(AppSelectionMenu_context.AppSelectionMenuContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Popover.default.Compose, {
+    children: jsxRuntime.jsx(Popover.default.Compose, {
       visible: open,
       onVisibilityChange: setOpen,
       children

package/dist/AppSelectionMenu/components/Compose/Compose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { AppSelectionMenuContext } from "../../AppSelectionMenu.context.js";
@@ -21,9 +21,9 @@ const Compose = ({
     open: !!open,
     close
   }), [open, close]);
-  return jsxRuntimeExports.jsx(AppSelectionMenuContext.Provider, {
+  return jsx(AppSelectionMenuContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsx(Popover.Compose, {
+    children: jsx(Popover.Compose, {
       visible: open,
       onVisibilityChange: setOpen,
       children

package/dist/AppSelectionMenu/components/Content/Compose/Compose.cjs

@@ -1,11 +1,11 @@
 "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 Compose_style = require("./Compose.style.cjs");
 const Compose = ({
   children
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.StyledPopover, {
+  return jsxRuntime.jsx(Compose_style.StyledPopover, {
     children
   });
 };

package/dist/AppSelectionMenu/components/Content/Compose/Compose.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { StyledPopover } from "./Compose.style.js";
 const Compose = ({
   children
 }) => {
-  return jsxRuntimeExports.jsx(StyledPopover, {
+  return jsx(StyledPopover, {
     children
   });
 };

package/dist/AppSelectionMenu/components/Content/Content.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 Content_style = require("./Content.style.cjs");
 const AppSelectionMenu_context = require("../../AppSelectionMenu.context.cjs");
 const Compose = require("./Compose/Compose.cjs");
@@ -8,8 +8,8 @@ const Content = Object.assign(({
   children
 }) => {
   AppSelectionMenu_context.useAppSelectionMenuContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(Content.Compose, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(Content_style.Content, {
+  return jsxRuntime.jsx(Content.Compose, {
+    children: jsxRuntime.jsx(Content_style.Content, {
       children
     })
   });

package/dist/AppSelectionMenu/components/Content/Content.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Content as Content$1 } from "./Content.style.js";
 import { useAppSelectionMenuContext } from "../../AppSelectionMenu.context.js";
 import { Compose } from "./Compose/Compose.js";
@@ -6,8 +6,8 @@ const Content = Object.assign(({
   children
 }) => {
   useAppSelectionMenuContext();
-  return jsxRuntimeExports.jsx(Content.Compose, {
-    children: jsxRuntimeExports.jsx(Content$1, {
+  return jsx(Content.Compose, {
+    children: jsx(Content$1, {
       children
     })
   });

package/dist/AppSelectionMenu/components/Icon/Icon.cjs

@@ -1,8 +1,8 @@
 "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 redisUiIcons = require("@redislabsdev/redis-ui-icons");
-const Icon = () => jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.MenuIcon, {
+const Icon = () => jsxRuntime.jsx(redisUiIcons.MenuIcon, {
   customColor: "currentColor",
   "aria-hidden": true
 });

package/dist/AppSelectionMenu/components/Icon/Icon.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { MenuIcon } from "@redislabsdev/redis-ui-icons";
-const Icon = () => jsxRuntimeExports.jsx(MenuIcon, {
+const Icon = () => jsx(MenuIcon, {
   customColor: "currentColor",
   "aria-hidden": true
 });

package/dist/AppSelectionMenu/components/Item/Item.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 Item_style = require("./Item.style.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
 const Item = Object.assign(({
@@ -9,17 +9,17 @@ const Item = Object.assign(({
   icon,
   disabled
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Item.Compose, {
+  return jsxRuntime.jsx(Item.Compose, {
     onClick,
     disabled,
-    children: jsxRuntime.jsxRuntimeExports.jsxs(Item_style.AppSelectionMenuItem, {
+    children: jsxRuntime.jsxs(Item_style.AppSelectionMenuItem, {
       disabled,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Item_style.AppSelectorItem, {
+      children: [jsxRuntime.jsx(Item_style.AppSelectorItem, {
         icon,
         variant: "secondary",
         disabled,
         title: label
-      }), jsxRuntime.jsxRuntimeExports.jsx(Item_style.Label, {
+      }), jsxRuntime.jsx(Item_style.Label, {
         size: "S",
         children: label
       })]

package/dist/AppSelectionMenu/components/Item/Item.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AppSelectionMenuItem, AppSelectorItem, Label } from "./Item.style.js";
 import { Compose } from "./components/Compose/Compose.js";
 const Item = Object.assign(({
@@ -7,17 +7,17 @@ const Item = Object.assign(({
   icon,
   disabled
 }) => {
-  return jsxRuntimeExports.jsx(Item.Compose, {
+  return jsx(Item.Compose, {
     onClick,
     disabled,
-    children: jsxRuntimeExports.jsxs(AppSelectionMenuItem, {
+    children: jsxs(AppSelectionMenuItem, {
       disabled,
-      children: [jsxRuntimeExports.jsx(AppSelectorItem, {
+      children: [jsx(AppSelectorItem, {
         icon,
         variant: "secondary",
         disabled,
         title: label
-      }), jsxRuntimeExports.jsx(Label, {
+      }), jsx(Label, {
         size: "S",
         children: label
       })]

package/dist/AppSelectionMenu/components/Trigger/Trigger.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 Trigger_style = require("./Trigger.style.cjs");
 const AppSelectionMenu_context = require("../../AppSelectionMenu.context.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
@@ -10,8 +10,8 @@ const Trigger = Object.assign(({
   const {
     open
   } = AppSelectionMenu_context.useAppSelectionMenuContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(Trigger.Compose, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(Trigger_style.Trigger, {
+  return jsxRuntime.jsx(Trigger.Compose, {
+    children: jsxRuntime.jsx(Trigger_style.Trigger, {
       active: open,
       children
     })

package/dist/AppSelectionMenu/components/Trigger/Trigger.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Trigger as Trigger$1 } from "./Trigger.style.js";
 import { useAppSelectionMenuContext } from "../../AppSelectionMenu.context.js";
 import { Compose } from "./components/Compose/Compose.js";
@@ -8,8 +8,8 @@ const Trigger = Object.assign(({
   const {
     open
   } = useAppSelectionMenuContext();
-  return jsxRuntimeExports.jsx(Trigger.Compose, {
-    children: jsxRuntimeExports.jsx(Trigger$1, {
+  return jsx(Trigger.Compose, {
+    children: jsx(Trigger$1, {
       active: open,
       children
     })

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

@@ -1,10 +1,10 @@
 "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 Popover = require("../../../../../Popover/Popover.cjs");
 const Compose = ({
   children
-}) => jsxRuntime.jsxRuntimeExports.jsx(Popover.default.Trigger, {
+}) => jsxRuntime.jsx(Popover.default.Trigger, {
   "aria-label": "Menu",
   children
 });

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

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import Popover from "../../../../../Popover/Popover.js";
 const Compose = ({
   children
-}) => jsxRuntimeExports.jsx(Popover.Trigger, {
+}) => jsx(Popover.Trigger, {
   "aria-label": "Menu",
   children
 });

package/dist/AutoCompleteSelect/AutoCompleteSelect.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 useAutoCompleteSelect = require("./hooks/useAutoCompleteSelect.cjs");
 const AutoCompleteSelect_style = require("./AutoCompleteSelect.style.cjs");
@@ -56,13 +56,13 @@ const AutoCompleteSelect = React__default.default.forwardRef(({
       block: "nearest"
     });
   }, [highlightedIndex]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(Menu.default, {
+  return jsxRuntime.jsxs(Menu.default, {
     open,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Trigger, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(AutoCompleteSelect_style.TriggerContainer, {
+    children: [jsxRuntime.jsx(Menu.default.Trigger, {
+      children: jsxRuntime.jsx(AutoCompleteSelect_style.TriggerContainer, {
         tabIndex: -1,
         role: "button",
-        children: jsxRuntime.jsxRuntimeExports.jsx(Input.default, {
+        children: jsxRuntime.jsx(Input.default, {
           onClick: onInputClick,
           onKeyDown: handleKeyDown,
           placeholder,
@@ -81,25 +81,25 @@ const AutoCompleteSelect = React__default.default.forwardRef(({
           }
         })
       })
-    }), jsxRuntime.jsxRuntimeExports.jsxs(AutoCompleteSelect_style.ContentContainer, {
+    }), jsxRuntime.jsxs(AutoCompleteSelect_style.ContentContainer, {
       "$contentMaxHeight": contentMaxHeight,
       align: "start",
       onInteractOutside: onClickOutside,
       ref: contentRef,
-      children: [!isSuggestedOptionsEmpty && jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Content.Label, {
+      children: [!isSuggestedOptionsEmpty && jsxRuntime.jsx(Menu.default.Content.Label, {
         text: optionsLabel
-      }), suggestedOptions.map((item, index) => jsxRuntime.jsxRuntimeExports.jsx(AutoCompleteSelect_style.Item, {
+      }), suggestedOptions.map((item, index) => jsxRuntime.jsx(AutoCompleteSelect_style.Item, {
         role: "button",
         onClick: () => onItemClick(item.value),
         "data-highlighted": highlightedIndex === index ? true : void 0,
-        children: jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Content.Item.Text, {
+        children: jsxRuntime.jsx(Menu.default.Content.Item.Text, {
           children: item.label
         })
-      }, item.key)), isSuggestedOptionsEmpty && jsxRuntime.jsxRuntimeExports.jsx(AutoCompleteSelect_style.Item, {
+      }, item.key)), isSuggestedOptionsEmpty && jsxRuntime.jsx(AutoCompleteSelect_style.Item, {
         role: "button",
         onClick: () => onItemClick(value),
         "data-highlighted": highlightedIndex === 0 ? true : void 0,
-        children: jsxRuntime.jsxRuntimeExports.jsxs(Menu.default.Content.Item.Text, {
+        children: jsxRuntime.jsxs(Menu.default.Content.Item.Text, {
           children: [value, manualOptionText && ` (${manualOptionText})`]
         })
       })]

package/dist/AutoCompleteSelect/AutoCompleteSelect.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
 import useAutoCompleteSelect from "./hooks/useAutoCompleteSelect.js";
 import { TriggerContainer, ContentContainer, Item } from "./AutoCompleteSelect.style.js";
@@ -52,13 +52,13 @@ const AutoCompleteSelect = React__default.forwardRef(({
       block: "nearest"
     });
   }, [highlightedIndex]);
-  return jsxRuntimeExports.jsxs(Menu, {
+  return jsxs(Menu, {
     open,
-    children: [jsxRuntimeExports.jsx(Menu.Trigger, {
-      children: jsxRuntimeExports.jsx(TriggerContainer, {
+    children: [jsx(Menu.Trigger, {
+      children: jsx(TriggerContainer, {
         tabIndex: -1,
         role: "button",
-        children: jsxRuntimeExports.jsx(Input, {
+        children: jsx(Input, {
           onClick: onInputClick,
           onKeyDown: handleKeyDown,
           placeholder,
@@ -77,25 +77,25 @@ const AutoCompleteSelect = React__default.forwardRef(({
           }
         })
       })
-    }), jsxRuntimeExports.jsxs(ContentContainer, {
+    }), jsxs(ContentContainer, {
       "$contentMaxHeight": contentMaxHeight,
       align: "start",
       onInteractOutside: onClickOutside,
       ref: contentRef,
-      children: [!isSuggestedOptionsEmpty && jsxRuntimeExports.jsx(Menu.Content.Label, {
+      children: [!isSuggestedOptionsEmpty && jsx(Menu.Content.Label, {
         text: optionsLabel
-      }), suggestedOptions.map((item, index) => jsxRuntimeExports.jsx(Item, {
+      }), suggestedOptions.map((item, index) => jsx(Item, {
         role: "button",
         onClick: () => onItemClick(item.value),
         "data-highlighted": highlightedIndex === index ? true : void 0,
-        children: jsxRuntimeExports.jsx(Menu.Content.Item.Text, {
+        children: jsx(Menu.Content.Item.Text, {
           children: item.label
         })
-      }, item.key)), isSuggestedOptionsEmpty && jsxRuntimeExports.jsx(Item, {
+      }, item.key)), isSuggestedOptionsEmpty && jsx(Item, {
         role: "button",
         onClick: () => onItemClick(value),
         "data-highlighted": highlightedIndex === 0 ? true : void 0,
-        children: jsxRuntimeExports.jsxs(Menu.Content.Item.Text, {
+        children: jsxs(Menu.Content.Item.Text, {
           children: [value, manualOptionText && ` (${manualOptionText})`]
         })
       })]

package/dist/Badge/Badge.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 BadgeIcon = require("./BadgeIcon.cjs");
 const Badge_style = require("./Badge.style.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -12,16 +12,16 @@ const Badge = ({
   icon,
   ...restBadgeProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Badge_style.Badge, {
+  return jsxRuntime.jsxs(Badge_style.Badge, {
     "$variant": variant,
     "$color": color,
     ...restBadgeProps,
-    children: [withIcon && jsxRuntime.jsxRuntimeExports.jsx(BadgeIcon.BadgeIcon, {
+    children: [withIcon && jsxRuntime.jsx(BadgeIcon.BadgeIcon, {
       variant,
       icon,
       size: "S",
       customColor: "currentColor"
-    }), jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+    }), jsxRuntime.jsx(Typography.default.Body, {
       size: "XS",
       variant: "semiBold",
       children: label

package/dist/Badge/Badge.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { BadgeIcon } from "./BadgeIcon.js";
 import { Badge as Badge$2 } from "./Badge.style.js";
 import Typography from "../Typography/Typography.js";
@@ -10,16 +10,16 @@ const Badge = ({
   icon,
   ...restBadgeProps
 }) => {
-  return jsxRuntimeExports.jsxs(Badge$2, {
+  return jsxs(Badge$2, {
     "$variant": variant,
     "$color": color,
     ...restBadgeProps,
-    children: [withIcon && jsxRuntimeExports.jsx(BadgeIcon, {
+    children: [withIcon && jsx(BadgeIcon, {
       variant,
       icon,
       size: "S",
       customColor: "currentColor"
-    }), jsxRuntimeExports.jsx(Typography.Body, {
+    }), jsx(Typography.Body, {
       size: "XS",
       variant: "semiBold",
       children: label

package/dist/Badge/BadgeIcon.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 redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const BADGE_ICON_RECORD = {
   white: redisUiIcons.ToastCheckIcon,
@@ -20,7 +20,7 @@ const BadgeIcon = ({
   ...props
 }) => {
   const IconElement = icon || BADGE_ICON_RECORD[variant];
-  return jsxRuntime.jsxRuntimeExports.jsx(IconElement, {
+  return jsxRuntime.jsx(IconElement, {
     "aria-hidden": true,
     ...props
   });

package/dist/Badge/BadgeIcon.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ToastCheckIcon, ToastInfoIcon, ToastNotificationIcon, ToastDangerIcon, ToastPendingIcon, CrownIcon } from "@redislabsdev/redis-ui-icons";
 const BADGE_ICON_RECORD = {
   white: ToastCheckIcon,
@@ -18,7 +18,7 @@ const BadgeIcon = ({
   ...props
 }) => {
   const IconElement = icon || BADGE_ICON_RECORD[variant];
-  return jsxRuntimeExports.jsx(IconElement, {
+  return jsx(IconElement, {
     "aria-hidden": true,
     ...props
   });

package/dist/Banner/Banner.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 Icon = require("./components/Icon/Icon.cjs");
 const Message = require("./components/Message/Message.cjs");
@@ -17,16 +17,16 @@ const Banner = Object.assign(({
   customIcon,
   ...props
 }) => {
-  return show ? jsxRuntime.jsxRuntimeExports.jsxs(Banner.Compose, {
+  return show ? jsxRuntime.jsxs(Banner.Compose, {
     onClose,
     ...props,
-    children: [showIcon && jsxRuntime.jsxRuntimeExports.jsx(Banner.Icon, {
+    children: [showIcon && jsxRuntime.jsx(Banner.Icon, {
       customIcon
-    }), jsxRuntime.jsxRuntimeExports.jsx(Banner.Message, {
+    }), jsxRuntime.jsx(Banner.Message, {
       children: message
-    }), jsxRuntime.jsxRuntimeExports.jsx(Banner.Split, {}), jsxRuntime.jsxRuntimeExports.jsx(Banner.Actions, {
+    }), jsxRuntime.jsx(Banner.Split, {}), jsxRuntime.jsx(Banner.Actions, {
       ...actions
-    }), showCloseButton && jsxRuntime.jsxRuntimeExports.jsx(Banner.CloseButton, {})]
+    }), showCloseButton && jsxRuntime.jsx(Banner.CloseButton, {})]
   }) : null;
 }, {
   Compose: Compose.default,