@redis-ui/components 44.0.1 → 44.1.0

package/dist/Tooltip/components/Content/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 = require("../../../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs");
 const TooltipInfoContext = require("../../../../Context/TooltipInfoContext.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -18,7 +18,7 @@ const Compose = ({
   const {
     interactive
   } = TooltipInfoContext.useTooltipInfo();
-  const renderContent = jsxRuntime.jsxRuntimeExports.jsxs(Compose_style.Content, {
+  const renderContent = jsxRuntime.jsxs(Compose_style.Content, {
     "$backgroundColor": backgroundColor,
     "$maxWidth": maxWidth,
     "$interactive": interactive,
@@ -27,10 +27,10 @@ const Compose = ({
     hideWhenDetached: popperContext.collisionBoundary || restProps.collisionBoundary ? true : void 0,
     ...popperContext,
     ...restProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Compose_style.Arrow, {}), children]
+    children: [jsxRuntime.jsx(Compose_style.Arrow, {}), children]
   });
   if (portal) {
-    return jsxRuntime.jsxRuntimeExports.jsx(index.Portal, {
+    return jsxRuntime.jsx(index.Portal, {
       container: portal,
       children: renderContent
     });

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Portal } from "../../../../../node_modules/@radix-ui/react-tooltip/dist/index.js";
 import { useTooltipInfo } from "../../../../Context/TooltipInfoContext.js";
 import { Content, Arrow } from "./Compose.style.js";
@@ -16,7 +16,7 @@ const Compose = ({
   const {
     interactive
   } = useTooltipInfo();
-  const renderContent = jsxRuntimeExports.jsxs(Content, {
+  const renderContent = jsxs(Content, {
     "$backgroundColor": backgroundColor,
     "$maxWidth": maxWidth,
     "$interactive": interactive,
@@ -25,10 +25,10 @@ const Compose = ({
     hideWhenDetached: popperContext.collisionBoundary || restProps.collisionBoundary ? true : void 0,
     ...popperContext,
     ...restProps,
-    children: [jsxRuntimeExports.jsx(Arrow, {}), children]
+    children: [jsx(Arrow, {}), children]
   });
   if (portal) {
-    return jsxRuntimeExports.jsx(Portal, {
+    return jsx(Portal, {
       container: portal,
       children: renderContent
     });

package/dist/Tooltip/components/Content/components/Text/Text.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 Text_style = require("./Text.style.cjs");
-const Text = (props) => jsxRuntime.jsxRuntimeExports.jsx(Text_style.Text, {
+const Text = (props) => jsxRuntime.jsx(Text_style.Text, {
   ...props
 });
 exports.default = Text;

package/dist/Tooltip/components/Content/components/Text/Text.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Text as Text$1 } from "./Text.style.js";
-const Text = (props) => jsxRuntimeExports.jsx(Text$1, {
+const Text = (props) => jsx(Text$1, {
   ...props
 });
 export {

package/dist/Tooltip/components/TooltipCard/TooltipCard.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 TooltipHeader = require("./components/Header/TooltipHeader.cjs");
 const Body = require("../../../Popover/components/Content/components/Body/Body.cjs");
@@ -14,13 +14,13 @@ const TooltipCard = Object.assign(({
   linkText,
   ...composeProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(TooltipCard.Compose, {
+  return jsxRuntime.jsxs(TooltipCard.Compose, {
     ...composeProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Header, {
+    children: [jsxRuntime.jsx(TooltipCard.Header, {
       title
-    }), jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Body, {
+    }), jsxRuntime.jsx(TooltipCard.Body, {
       text
-    }), jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Footer, {
+    }), jsxRuntime.jsx(TooltipCard.Footer, {
       actionButtonText,
       actionButtonHandler,
       link,

package/dist/Tooltip/components/TooltipCard/TooltipCard.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 TooltipHeader from "./components/Header/TooltipHeader.js";
 import Body from "../../../Popover/components/Content/components/Body/Body.js";
@@ -12,13 +12,13 @@ const TooltipCard = Object.assign(({
   linkText,
   ...composeProps
 }) => {
-  return jsxRuntimeExports.jsxs(TooltipCard.Compose, {
+  return jsxs(TooltipCard.Compose, {
     ...composeProps,
-    children: [jsxRuntimeExports.jsx(TooltipCard.Header, {
+    children: [jsx(TooltipCard.Header, {
       title
-    }), jsxRuntimeExports.jsx(TooltipCard.Body, {
+    }), jsx(TooltipCard.Body, {
       text
-    }), jsxRuntimeExports.jsx(TooltipCard.Footer, {
+    }), jsx(TooltipCard.Footer, {
       actionButtonText,
       actionButtonHandler,
       link,

package/dist/Tooltip/components/TooltipCard/components/Compose/Compose.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 Compose_style = require("./Compose.style.cjs");
 const Compose = ({
   children,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.Content, {
+}) => jsxRuntime.jsx(Compose_style.Content, {
   ...restProps,
   children
 });

package/dist/Tooltip/components/TooltipCard/components/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 { Content } from "./Compose.style.js";
 const Compose = ({
   children,
   ...restProps
-}) => jsxRuntimeExports.jsx(Content, {
+}) => jsx(Content, {
   ...restProps,
   children
 });

package/dist/Tooltip/components/TooltipCard/components/Header/TooltipHeader.cjs

@@ -1,10 +1,10 @@
 "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 Header = require("../../../../../Popover/components/Content/components/Header/Header.cjs");
 const Compose = require("../../../../../Popover/components/Content/components/Header/components/Compose/Compose.cjs");
 const HeaderTitle = require("../../../../../Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.cjs");
-const TooltipHeader = Object.assign((props) => jsxRuntime.jsxRuntimeExports.jsx(Header.default, {
+const TooltipHeader = Object.assign((props) => jsxRuntime.jsx(Header.default, {
   hideCloseButton: true,
   ...props
 }), {

package/dist/Tooltip/components/TooltipCard/components/Header/TooltipHeader.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import Header from "../../../../../Popover/components/Content/components/Header/Header.js";
 import Compose from "../../../../../Popover/components/Content/components/Header/components/Compose/Compose.js";
 import HeaderTitle from "../../../../../Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.js";
-const TooltipHeader = Object.assign((props) => jsxRuntimeExports.jsx(Header, {
+const TooltipHeader = Object.assign((props) => jsx(Header, {
   hideCloseButton: true,
   ...props
 }), {

package/dist/Tooltip/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 index = require("../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs");
 const Trigger_style = require("./Trigger.style.cjs");
 const TriggerRef_context = require("../../../Helpers/contexts/Popper/TriggerRef.context.cjs");
@@ -9,11 +9,11 @@ const Trigger = ({
   ...restProps
 }) => {
   const ref = TriggerRef_context.useTriggerRef();
-  return withButton ? jsxRuntime.jsxRuntimeExports.jsx(Trigger_style.UnstyledTrigger, {
+  return withButton ? jsxRuntime.jsx(Trigger_style.UnstyledTrigger, {
     type: "button",
     ...restProps,
     ref
-  }) : jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, {
+  }) : jsxRuntime.jsx(index.Trigger, {
     asChild: true,
     ...restProps,
     ref

package/dist/Tooltip/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 "../../../node_modules/@radix-ui/react-tooltip/dist/index.js";
 import { UnstyledTrigger } from "./Trigger.style.js";
 import { useTriggerRef } from "../../../Helpers/contexts/Popper/TriggerRef.context.js";
@@ -7,11 +7,11 @@ const Trigger = ({
   ...restProps
 }) => {
   const ref = useTriggerRef();
-  return withButton ? jsxRuntimeExports.jsx(UnstyledTrigger, {
+  return withButton ? jsx(UnstyledTrigger, {
     type: "button",
     ...restProps,
     ref
-  }) : jsxRuntimeExports.jsx(Trigger$1, {
+  }) : jsx(Trigger$1, {
     asChild: true,
     ...restProps,
     ref

package/dist/TreeView/TreeView.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 TreeItem = require("./components/TreeItem/TreeItem.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
@@ -28,7 +28,7 @@ const TreeView = Object.assign(({
       return null;
     }
     return Object.keys(treeNodes).map((key) => {
-      return jsxRuntime.jsxRuntimeExports.jsx(TreeView.Item, {
+      return jsxRuntime.jsx(TreeView.Item, {
         ...treeNodes[key],
         onCheckedChange: (checked) => {
           if (treeNodes[key].checked !== checked) {
@@ -40,7 +40,7 @@ const TreeView = Object.assign(({
       }, key);
     });
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(TreeView.Compose, {
+  return jsxRuntime.jsx(TreeView.Compose, {
     ...restProps,
     children: isInitialized && renderNodes(data)
   });

package/dist/TreeView/TreeView.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import TreeItem from "./components/TreeItem/TreeItem.js";
 import TreeViewCompose from "./components/Compose/Compose.js";
@@ -26,7 +26,7 @@ const TreeView = Object.assign(({
       return null;
     }
     return Object.keys(treeNodes).map((key) => {
-      return jsxRuntimeExports.jsx(TreeView.Item, {
+      return jsx(TreeView.Item, {
         ...treeNodes[key],
         onCheckedChange: (checked) => {
           if (treeNodes[key].checked !== checked) {
@@ -38,7 +38,7 @@ const TreeView = Object.assign(({
       }, key);
     });
   };
-  return jsxRuntimeExports.jsx(TreeView.Compose, {
+  return jsx(TreeView.Compose, {
     ...restProps,
     children: isInitialized && renderNodes(data)
   });

package/dist/TreeView/components/Compose/Compose.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 Compose_style = require("./Compose.style.cjs");
-const TreeViewCompose = (props) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.TreeViewContainer, {
+const TreeViewCompose = (props) => jsxRuntime.jsx(Compose_style.TreeViewContainer, {
   ...props
 });
 exports.default = TreeViewCompose;

package/dist/TreeView/components/Compose/Compose.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { TreeViewContainer } from "./Compose.style.js";
-const TreeViewCompose = (props) => jsxRuntimeExports.jsx(TreeViewContainer, {
+const TreeViewCompose = (props) => jsx(TreeViewContainer, {
   ...props
 });
 export {

package/dist/TreeView/components/TreeItem/TreeItem.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 Header = require("./components/Header/Header.cjs");
 const Expander = require("./components/Expander/Expander.cjs");
@@ -14,17 +14,17 @@ const TreeItem = Object.assign(({
   icon,
   children,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(TreeItem.Compose, {
+}) => jsxRuntime.jsxs(TreeItem.Compose, {
   ...restProps,
-  children: [jsxRuntime.jsxRuntimeExports.jsxs(TreeItem.Header, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(TreeItem.ExpandButton, {}), jsxRuntime.jsxRuntimeExports.jsx(TreeItem.Checkbox, {
+  children: [jsxRuntime.jsxs(TreeItem.Header, {
+    children: [jsxRuntime.jsx(TreeItem.ExpandButton, {}), jsxRuntime.jsx(TreeItem.Checkbox, {
       checked,
       onCheckedChange,
       label,
       disabled,
       icon
     })]
-  }), jsxRuntime.jsxRuntimeExports.jsx(TreeItem.Expander, {
+  }), jsxRuntime.jsx(TreeItem.Expander, {
     children
   })]
 }), {

package/dist/TreeView/components/TreeItem/TreeItem.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import TreeItemCompose from "./components/Compose/Compose.js";
 import TreeItemHeader from "./components/Header/Header.js";
 import TreeItemExpander from "./components/Expander/Expander.js";
@@ -12,17 +12,17 @@ const TreeItem = Object.assign(({
   icon,
   children,
   ...restProps
-}) => jsxRuntimeExports.jsxs(TreeItem.Compose, {
+}) => jsxs(TreeItem.Compose, {
   ...restProps,
-  children: [jsxRuntimeExports.jsxs(TreeItem.Header, {
-    children: [jsxRuntimeExports.jsx(TreeItem.ExpandButton, {}), jsxRuntimeExports.jsx(TreeItem.Checkbox, {
+  children: [jsxs(TreeItem.Header, {
+    children: [jsx(TreeItem.ExpandButton, {}), jsx(TreeItem.Checkbox, {
       checked,
       onCheckedChange,
       label,
       disabled,
       icon
     })]
-  }), jsxRuntimeExports.jsx(TreeItem.Expander, {
+  }), jsx(TreeItem.Expander, {
     children
   })]
 }), {

package/dist/TreeView/components/TreeItem/components/Checkbox/Checkbox.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 TreeItem_context = require("../../TreeItem.context.cjs");
 const TreeItem_utils = require("../../TreeItem.utils.cjs");
@@ -37,13 +37,13 @@ const TreeItemCheckbox = ({
   React.useEffect(() => {
     setIsInitialized(true);
   }, []);
-  return jsxRuntime.jsxRuntimeExports.jsxs(Checkbox_style.FullWidthCheckbox, {
+  return jsxRuntime.jsxs(Checkbox_style.FullWidthCheckbox, {
     checked,
     onCheckedChange,
     disabled,
     ...props,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Checkbox.default.Indicator, {}), jsxRuntime.jsxRuntimeExports.jsxs(Checkbox_style.FullWidthCheckboxLabel, {
-      children: [IconElement && jsxRuntime.jsxRuntimeExports.jsx(IconElement, {}), jsxRuntime.jsxRuntimeExports.jsx(Checkbox_style.TextEllipsis, {
+    children: [jsxRuntime.jsx(Checkbox.default.Indicator, {}), jsxRuntime.jsxs(Checkbox_style.FullWidthCheckboxLabel, {
+      children: [IconElement && jsxRuntime.jsx(IconElement, {}), jsxRuntime.jsx(Checkbox_style.TextEllipsis, {
         component: "span",
         tooltipOnEllipsis: true,
         children: props.label

package/dist/TreeView/components/TreeItem/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useTreeItemContext } from "../../TreeItem.context.js";
 import { getCheckedStateByDescendants } from "../../TreeItem.utils.js";
@@ -35,13 +35,13 @@ const TreeItemCheckbox = ({
   useEffect(() => {
     setIsInitialized(true);
   }, []);
-  return jsxRuntimeExports.jsxs(FullWidthCheckbox, {
+  return jsxs(FullWidthCheckbox, {
     checked,
     onCheckedChange,
     disabled,
     ...props,
-    children: [jsxRuntimeExports.jsx(Checkbox.Indicator, {}), jsxRuntimeExports.jsxs(FullWidthCheckboxLabel, {
-      children: [IconElement && jsxRuntimeExports.jsx(IconElement, {}), jsxRuntimeExports.jsx(TextEllipsis, {
+    children: [jsx(Checkbox.Indicator, {}), jsxs(FullWidthCheckboxLabel, {
+      children: [IconElement && jsx(IconElement, {}), jsx(TextEllipsis, {
         component: "span",
         tooltipOnEllipsis: true,
         children: props.label

package/dist/TreeView/components/TreeItem/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 React = require("react");
 const TreeItem_context = require("../../TreeItem.context.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -34,9 +34,9 @@ const TreeItemCompose = ({
       }));
     }
   }, [generatedId, checked]);
-  return jsxRuntime.jsxRuntimeExports.jsx(TreeItem_context.TreeItemContext.Provider, {
+  return jsxRuntime.jsx(TreeItem_context.TreeItemContext.Provider, {
     value: contextValue,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.TreeItemContainer, {
+    children: jsxRuntime.jsx(Compose_style.TreeItemContainer, {
       ...restProps,
       "$isHidden": hidden,
       children

package/dist/TreeView/components/TreeItem/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 React__default, { useMemo, useEffect } from "react";
 import { useTreeItemContext, TreeItemContext } from "../../TreeItem.context.js";
 import { TreeItemContainer } from "./Compose.style.js";
@@ -30,9 +30,9 @@ const TreeItemCompose = ({
       }));
     }
   }, [generatedId, checked]);
-  return jsxRuntimeExports.jsx(TreeItemContext.Provider, {
+  return jsx(TreeItemContext.Provider, {
     value: contextValue,
-    children: jsxRuntimeExports.jsx(TreeItemContainer, {
+    children: jsx(TreeItemContainer, {
       ...restProps,
       "$isHidden": hidden,
       children

package/dist/TreeView/components/TreeItem/components/ExpandButton/ExpandButton.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 TreeItem_context = require("../../TreeItem.context.cjs");
 const ExpandButton_style = require("./ExpandButton.style.cjs");
@@ -8,11 +8,11 @@ const size = "XS";
 const TreeItemExpandButton = () => {
   const treeItemContext = TreeItem_context.useTreeItemContext();
   if (Object.keys((treeItemContext == null ? void 0 : treeItemContext.descendants) || {}).length === 0) {
-    return jsxRuntime.jsxRuntimeExports.jsx(ExpandButton_style.SpaceFiller, {
+    return jsxRuntime.jsx(ExpandButton_style.SpaceFiller, {
       "$size": size
     });
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(ExpandButton_style.CustomIconButton, {
+  return jsxRuntime.jsx(ExpandButton_style.CustomIconButton, {
     icon: (treeItemContext == null ? void 0 : treeItemContext.isExpanded) ? redisUiIcons.CaretDownIcon : redisUiIcons.CaretRightIcon,
     "aria-label": (treeItemContext == null ? void 0 : treeItemContext.isExpanded) ? "Expanded" : "Collapsed",
     size,

package/dist/TreeView/components/TreeItem/components/ExpandButton/ExpandButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { CaretDownIcon, CaretRightIcon } from "@redislabsdev/redis-ui-icons";
 import { useTreeItemContext } from "../../TreeItem.context.js";
 import { SpaceFiller, CustomIconButton } from "./ExpandButton.style.js";
@@ -6,11 +6,11 @@ const size = "XS";
 const TreeItemExpandButton = () => {
   const treeItemContext = useTreeItemContext();
   if (Object.keys((treeItemContext == null ? void 0 : treeItemContext.descendants) || {}).length === 0) {
-    return jsxRuntimeExports.jsx(SpaceFiller, {
+    return jsx(SpaceFiller, {
       "$size": size
     });
   }
-  return jsxRuntimeExports.jsx(CustomIconButton, {
+  return jsx(CustomIconButton, {
     icon: (treeItemContext == null ? void 0 : treeItemContext.isExpanded) ? CaretDownIcon : CaretRightIcon,
     "aria-label": (treeItemContext == null ? void 0 : treeItemContext.isExpanded) ? "Expanded" : "Collapsed",
     size,

package/dist/TreeView/components/TreeItem/components/Expander/Expander.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 Expander_style = require("./Expander.style.cjs");
 const TreeItem_context = require("../../TreeItem.context.cjs");
 const TreeItemExpander = ({
   children
 }) => {
   const treeItemContext = TreeItem_context.useTreeItemContext();
-  return children ? jsxRuntime.jsxRuntimeExports.jsx(Expander_style.TreeItemExpanderContainer, {
+  return children ? jsxRuntime.jsx(Expander_style.TreeItemExpanderContainer, {
     "$isExpanded": treeItemContext == null ? void 0 : treeItemContext.isExpanded,
     children
   }) : null;

package/dist/TreeView/components/TreeItem/components/Expander/Expander.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { TreeItemExpanderContainer } from "./Expander.style.js";
 import { useTreeItemContext } from "../../TreeItem.context.js";
 const TreeItemExpander = ({
   children
 }) => {
   const treeItemContext = useTreeItemContext();
-  return children ? jsxRuntimeExports.jsx(TreeItemExpanderContainer, {
+  return children ? jsx(TreeItemExpanderContainer, {
     "$isExpanded": treeItemContext == null ? void 0 : treeItemContext.isExpanded,
     children
   }) : null;

package/dist/TreeView/components/TreeItem/components/Header/Header.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 Header_style = require("./Header.style.cjs");
-const TreeItemHeader = (props) => jsxRuntime.jsxRuntimeExports.jsx(Header_style.TreeItemHeader, {
+const TreeItemHeader = (props) => jsxRuntime.jsx(Header_style.TreeItemHeader, {
   ...props
 });
 exports.default = TreeItemHeader;

package/dist/TreeView/components/TreeItem/components/Header/Header.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { TreeItemHeader as TreeItemHeader$1 } from "./Header.style.js";
-const TreeItemHeader = (props) => jsxRuntimeExports.jsx(TreeItemHeader$1, {
+const TreeItemHeader = (props) => jsx(TreeItemHeader$1, {
   ...props
 });
 export {

package/dist/Typography/components/Base/Base.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 useEllipsisTooltip = require("../../hooks/useEllipsisTooltip.cjs");
 const Base_style = require("./Base.style.cjs");
@@ -8,7 +8,7 @@ const TypographyBase = React.forwardRef(({
   component,
   ellipsis = false,
   ...restProps
-}, ref) => jsxRuntime.jsxRuntimeExports.jsx(Base_style.TypographyBase, {
+}, ref) => jsxRuntime.jsx(Base_style.TypographyBase, {
   as: component,
   "$ellipsis": ellipsis,
   ...restProps,

package/dist/Typography/components/Base/Base.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useEllipsisTooltip } from "../../hooks/useEllipsisTooltip.js";
 import { TypographyBase as TypographyBase$1 } from "./Base.style.js";
@@ -6,7 +6,7 @@ const TypographyBase = forwardRef(({
   component,
   ellipsis = false,
   ...restProps
-}, ref) => jsxRuntimeExports.jsx(TypographyBase$1, {
+}, ref) => jsx(TypographyBase$1, {
   as: component,
   "$ellipsis": ellipsis,
   ...restProps,

package/dist/Typography/components/Body/Body.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 Body_style = require("./Body.style.cjs");
 const TypographyBody = React.forwardRef(({
@@ -9,7 +9,7 @@ const TypographyBody = React.forwardRef(({
   color,
   component,
   ...restProps
-}, ref) => jsxRuntime.jsxRuntimeExports.jsx(Body_style.TypographyBody, {
+}, ref) => jsxRuntime.jsx(Body_style.TypographyBody, {
   ref,
   component: component || "p",
   "$size": size,

package/dist/Typography/components/Body/Body.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { TypographyBody as TypographyBody$1 } from "./Body.style.js";
 const TypographyBody = forwardRef(({
@@ -7,7 +7,7 @@ const TypographyBody = forwardRef(({
   color,
   component,
   ...restProps
-}, ref) => jsxRuntimeExports.jsx(TypographyBody$1, {
+}, ref) => jsx(TypographyBody$1, {
   ref,
   component: component || "p",
   "$size": size,

package/dist/Typography/components/Code/Code.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 Code_style = require("./Code.style.cjs");
 const TypographyCode = React.forwardRef(({
@@ -8,7 +8,7 @@ const TypographyCode = React.forwardRef(({
   variant,
   color,
   ...restProps
-}, ref) => jsxRuntime.jsxRuntimeExports.jsx(Code_style.TypographyCode, {
+}, ref) => jsxRuntime.jsx(Code_style.TypographyCode, {
   ref,
   ...restProps,
   "$size": size,