@redis-ui/components 44.0.2 → 44.1.0

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

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

package/dist/SideBar/components/Footer/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.SmallFooterText, {
+const Text = (props) => jsxRuntime.jsx(Text_style.SmallFooterText, {
   size: "XS",
   ...props
 });

package/dist/SideBar/components/Footer/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 { SmallFooterText } from "./Text.style.js";
-const Text = (props) => jsxRuntimeExports.jsx(SmallFooterText, {
+const Text = (props) => jsx(SmallFooterText, {
   size: "XS",
   ...props
 });

package/dist/SideBar/components/Header/Header.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 Header_style = require("./Header.style.cjs");
@@ -16,12 +16,12 @@ const Header = ({
     sidebarId
   } = SideBar_context.useSideBarContext();
   const toggleButtonName = isExpanded ? "Collapse sidebar" : "Expand sidebar";
-  return jsxRuntime.jsxRuntimeExports.jsxs(Header_style.SideBarHeader, {
+  return jsxRuntime.jsxs(Header_style.SideBarHeader, {
     isExpanded,
     ...rest,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Header_style.SideBarHeaderContent, {
+    children: [jsxRuntime.jsx(Header_style.SideBarHeaderContent, {
       children
-    }), jsxRuntime.jsxRuntimeExports.jsx(Header_style.SideBarToggleButton, {
+    }), jsxRuntime.jsx(Header_style.SideBarToggleButton, {
       type: "button",
       isExpanded,
       onClick: () => {
@@ -32,12 +32,12 @@ const Header = ({
       title: toggleButtonName,
       "aria-controls": sidebarId,
       "aria-expanded": isExpanded,
-      children: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ChevronDownIcon, {
+      children: jsxRuntime.jsx(redisUiIcons.ChevronDownIcon, {
         size: "M",
         customColor: "currentColor",
         "aria-hidden": true
       })
-    }), jsxRuntime.jsxRuntimeExports.jsx(ScreenReaderAnnounce.ScreenReaderAnnounce, {
+    }), jsxRuntime.jsx(ScreenReaderAnnounce.ScreenReaderAnnounce, {
       text: isExpanded ? "Sidebar expanded" : "Sidebar collapsed"
     })]
   });

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { ChevronDownIcon } from "@redislabsdev/redis-ui-icons";
 import { useSideBarContext } from "../../SideBar.context.js";
 import { SideBarHeader, SideBarHeaderContent, SideBarToggleButton } from "./Header.style.js";
@@ -14,12 +14,12 @@ const Header = ({
     sidebarId
   } = useSideBarContext();
   const toggleButtonName = isExpanded ? "Collapse sidebar" : "Expand sidebar";
-  return jsxRuntimeExports.jsxs(SideBarHeader, {
+  return jsxs(SideBarHeader, {
     isExpanded,
     ...rest,
-    children: [jsxRuntimeExports.jsx(SideBarHeaderContent, {
+    children: [jsx(SideBarHeaderContent, {
       children
-    }), jsxRuntimeExports.jsx(SideBarToggleButton, {
+    }), jsx(SideBarToggleButton, {
       type: "button",
       isExpanded,
       onClick: () => {
@@ -30,12 +30,12 @@ const Header = ({
       title: toggleButtonName,
       "aria-controls": sidebarId,
       "aria-expanded": isExpanded,
-      children: jsxRuntimeExports.jsx(ChevronDownIcon, {
+      children: jsx(ChevronDownIcon, {
         size: "M",
         customColor: "currentColor",
         "aria-hidden": true
       })
-    }), jsxRuntimeExports.jsx(ScreenReaderAnnounce, {
+    }), jsx(ScreenReaderAnnounce, {
       text: isExpanded ? "Sidebar expanded" : "Sidebar collapsed"
     })]
   });

package/dist/SideBar/components/Item/Item.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 SideBar_context = require("../../SideBar.context.cjs");
 const Tooltip = require("../../../Tooltip/Tooltip.cjs");
@@ -31,7 +31,7 @@ const Item = Object.assign(({
     }
   } : onKeyDown;
   const tabIndex = restProps.onClick && !isActive ? 0 : void 0;
-  const item = jsxRuntime.jsxRuntimeExports.jsx(Item_style.SideBarItem, {
+  const item = jsxRuntime.jsx(Item_style.SideBarItem, {
     "data-role": "navlink",
     ...restProps,
     ...activeLinkAttributes,
@@ -39,9 +39,9 @@ const Item = Object.assign(({
     onKeyDown: handleKeyDown,
     ref: itemRef
   });
-  return isExpanded ? item : jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+  return isExpanded ? item : jsxRuntime.jsx(Tooltip.default, {
     ...tooltipProps,
-    content: jsxRuntime.jsxRuntimeExports.jsx(Item_style.TooltipContent, {
+    content: jsxRuntime.jsx(Item_style.TooltipContent, {
       children: tooltipProps.text
     }),
     children: item

package/dist/SideBar/components/Item/Item.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useSideBarContext } from "../../SideBar.context.js";
 import Tooltip from "../../../Tooltip/Tooltip.js";
@@ -29,7 +29,7 @@ const Item = Object.assign(({
     }
   } : onKeyDown;
   const tabIndex = restProps.onClick && !isActive ? 0 : void 0;
-  const item = jsxRuntimeExports.jsx(SideBarItem, {
+  const item = jsx(SideBarItem, {
     "data-role": "navlink",
     ...restProps,
     ...activeLinkAttributes,
@@ -37,9 +37,9 @@ const Item = Object.assign(({
     onKeyDown: handleKeyDown,
     ref: itemRef
   });
-  return isExpanded ? item : jsxRuntimeExports.jsx(Tooltip, {
+  return isExpanded ? item : jsx(Tooltip, {
     ...tooltipProps,
-    content: jsxRuntimeExports.jsx(TooltipContent, {
+    content: jsx(TooltipContent, {
       children: tooltipProps.text
     }),
     children: item

package/dist/SideBar/components/Item/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 React = require("react");
 const SideBar_context = require("../../../../SideBar.context.cjs");
 const Button_style = require("./Button.style.cjs");
@@ -13,7 +13,7 @@ const Button = React__default.default.forwardRef(({
   const {
     isExpanded
   } = SideBar_context.useSideBarContext();
-  return isExpanded ? jsxRuntime.jsxRuntimeExports.jsx(Button_style.SideBarItemButton, {
+  return isExpanded ? jsxRuntime.jsx(Button_style.SideBarItemButton, {
     size,
     ref,
     ...props

package/dist/SideBar/components/Item/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 React__default from "react";
 import { useSideBarContext } from "../../../../SideBar.context.js";
 import { SideBarItemButton } from "./Button.style.js";
@@ -9,7 +9,7 @@ const Button = React__default.forwardRef(({
   const {
     isExpanded
   } = useSideBarContext();
-  return isExpanded ? jsxRuntimeExports.jsx(SideBarItemButton, {
+  return isExpanded ? jsx(SideBarItemButton, {
     size,
     ref,
     ...props

package/dist/SideBar/components/Item/components/Icon/Icon.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 Icon_style = require("./Icon.style.cjs");
 const Icon = ({
   icon: ItemIcon,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Icon_style.SideBarItemIcon, {
+}) => jsxRuntime.jsx(Icon_style.SideBarItemIcon, {
   "aria-hidden": true,
   ...restProps,
-  children: jsxRuntime.jsxRuntimeExports.jsx(ItemIcon, {
+  children: jsxRuntime.jsx(ItemIcon, {
     size: "L",
     customColor: "currentColor"
   })

package/dist/SideBar/components/Item/components/Icon/Icon.js

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SideBarItemIcon } from "./Icon.style.js";
 const Icon = ({
   icon: ItemIcon,
   ...restProps
-}) => jsxRuntimeExports.jsx(SideBarItemIcon, {
+}) => jsx(SideBarItemIcon, {
   "aria-hidden": true,
   ...restProps,
-  children: jsxRuntimeExports.jsx(ItemIcon, {
+  children: jsx(ItemIcon, {
     size: "L",
     customColor: "currentColor"
   })

package/dist/SideBar/components/Item/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.SideBarItemText, {
+const Text = (props) => jsxRuntime.jsx(Text_style.SideBarItemText, {
   ellipsis: true,
   tooltipOnEllipsis: true,
   component: "span",

package/dist/SideBar/components/Item/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 { SideBarItemText } from "./Text.style.js";
-const Text = (props) => jsxRuntimeExports.jsx(SideBarItemText, {
+const Text = (props) => jsx(SideBarItemText, {
   ellipsis: true,
   tooltipOnEllipsis: true,
   component: "span",

package/dist/SideBar/components/ItemsContainer/ItemsContainer.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 ItemsContainer_style = require("./ItemsContainer.style.cjs");
-const SideBarItemsContainer = (props) => jsxRuntime.jsxRuntimeExports.jsx(ItemsContainer_style.SideBarItemsContainer, {
+const SideBarItemsContainer = (props) => jsxRuntime.jsx(ItemsContainer_style.SideBarItemsContainer, {
   component: "ul",
   direction: "column",
   gap: "0",

package/dist/SideBar/components/ItemsContainer/ItemsContainer.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SideBarItemsContainer as SideBarItemsContainer$1 } from "./ItemsContainer.style.js";
-const SideBarItemsContainer = (props) => jsxRuntimeExports.jsx(SideBarItemsContainer$1, {
+const SideBarItemsContainer = (props) => jsx(SideBarItemsContainer$1, {
   component: "ul",
   direction: "column",
   gap: "0",

package/dist/SideBar/components/ScrollContainer/ScrollContainer.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 ScrollContainer_style = require("./ScrollContainer.style.cjs");
-const ScrollContainer = (props) => jsxRuntime.jsxRuntimeExports.jsx(ScrollContainer_style.ScrollContainer, {
+const ScrollContainer = (props) => jsxRuntime.jsx(ScrollContainer_style.ScrollContainer, {
   direction: "column",
   gap: "0",
   flex: "1",

package/dist/SideBar/components/ScrollContainer/ScrollContainer.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ScrollContainer as ScrollContainer$1 } from "./ScrollContainer.style.js";
-const ScrollContainer = (props) => jsxRuntimeExports.jsx(ScrollContainer$1, {
+const ScrollContainer = (props) => jsx(ScrollContainer$1, {
   direction: "column",
   gap: "0",
   flex: "1",

package/dist/SideBar/components/SideBarLogo/SideBarLogo.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 SideBarLogo_style = require("./SideBarLogo.style.cjs");
 const SideBarLogo = ({
   logoIcon: LogoIcon,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(SideBarLogo_style.SideBarLogo, {
+}) => jsxRuntime.jsx(SideBarLogo_style.SideBarLogo, {
   "aria-hidden": true,
   ...restProps,
-  children: jsxRuntime.jsxRuntimeExports.jsx(LogoIcon, {
+  children: jsxRuntime.jsx(LogoIcon, {
     size: "XL"
   })
 });

package/dist/SideBar/components/SideBarLogo/SideBarLogo.js

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SideBarLogo as SideBarLogo$1 } from "./SideBarLogo.style.js";
 const SideBarLogo = ({
   logoIcon: LogoIcon,
   ...restProps
-}) => jsxRuntimeExports.jsx(SideBarLogo$1, {
+}) => jsx(SideBarLogo$1, {
   "aria-hidden": true,
   ...restProps,
-  children: jsxRuntimeExports.jsx(LogoIcon, {
+  children: jsx(LogoIcon, {
     size: "XL"
   })
 });

package/dist/Skeleton/Skeleton.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");
 ;/* empty css                                                         */
 const Card = require("./components/Card/Card.cjs");
 const Grid = require("./components/Grid/Grid.cjs");
@@ -10,9 +10,9 @@ const Skeleton = Object.assign(({
   circle = false,
   ...restSkeletonProps
 }) => {
-  return circle ? jsxRuntime.jsxRuntimeExports.jsx(Skeleton.Circle, {
+  return circle ? jsxRuntime.jsx(Skeleton.Circle, {
     ...restSkeletonProps
-  }) : jsxRuntime.jsxRuntimeExports.jsx(Skeleton.Square, {
+  }) : jsxRuntime.jsx(Skeleton.Square, {
     ...restSkeletonProps
   });
 }, {

package/dist/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 /* empty css                                                       */
 import { SkeletonCard } from "./components/Card/Card.js";
 import { Grid } from "./components/Grid/Grid.js";
@@ -8,9 +8,9 @@ const Skeleton = Object.assign(({
   circle = false,
   ...restSkeletonProps
 }) => {
-  return circle ? jsxRuntimeExports.jsx(Skeleton.Circle, {
+  return circle ? jsx(Skeleton.Circle, {
     ...restSkeletonProps
-  }) : jsxRuntimeExports.jsx(Skeleton.Square, {
+  }) : jsx(Skeleton.Square, {
     ...restSkeletonProps
   });
 }, {

package/dist/Skeleton/components/Card/Card.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 Card_style = require("./Card.style.cjs");
-const SkeletonCard = (props) => jsxRuntime.jsxRuntimeExports.jsx(Card_style.SkeletonCard, {
+const SkeletonCard = (props) => jsxRuntime.jsx(Card_style.SkeletonCard, {
   ...props
 });
 exports.SkeletonCard = SkeletonCard;

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

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

package/dist/Skeleton/components/Circle/Circle.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 index = require("../../../node_modules/react-loading-skeleton/dist/index.cjs");
 const useShapeProps = require("../../hooks/useShapeProps.cjs");
 const getSizeByRangeOrNumber = require("../../utils/getSizeByRangeOrNumber.cjs");
@@ -13,7 +13,7 @@ const Circle = ({
   const shapeProps = useShapeProps.useShapeProps({
     darkShade
   });
-  return jsxRuntime.jsxRuntimeExports.jsx(Circle_style.CirclesContainer, {
+  return jsxRuntime.jsx(Circle_style.CirclesContainer, {
     children: Array.from({
       length: getSizeByRangeOrNumber.getSizeByRangeOrNumber(count)
     }).map((_, index$1) => {
@@ -23,7 +23,7 @@ const Circle = ({
       } else {
         circleWidth = `${getSizeByRangeOrNumber.getSizeByRangeOrNumber(width)}px`;
       }
-      return jsxRuntime.jsxRuntimeExports.jsx(index.default, {
+      return jsxRuntime.jsx(index.default, {
         ...shapeProps,
         containerTestId: `skeleton-circle-${index$1}`,
         width: circleWidth,

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import Skeleton from "../../../node_modules/react-loading-skeleton/dist/index.js";
 import { useShapeProps } from "../../hooks/useShapeProps.js";
 import { getSizeByRangeOrNumber } from "../../utils/getSizeByRangeOrNumber.js";
@@ -11,7 +11,7 @@ const Circle = ({
   const shapeProps = useShapeProps({
     darkShade
   });
-  return jsxRuntimeExports.jsx(CirclesContainer, {
+  return jsx(CirclesContainer, {
     children: Array.from({
       length: getSizeByRangeOrNumber(count)
     }).map((_, index) => {
@@ -21,7 +21,7 @@ const Circle = ({
       } else {
         circleWidth = `${getSizeByRangeOrNumber(width)}px`;
       }
-      return jsxRuntimeExports.jsx(Skeleton, {
+      return jsx(Skeleton, {
         ...shapeProps,
         containerTestId: `skeleton-circle-${index}`,
         width: circleWidth,

package/dist/Skeleton/components/Grid/Grid.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 redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const Grid_style = require("./Grid.style.cjs");
 const css_utils = require("../../../Helpers/css.utils.cjs");
@@ -11,7 +11,7 @@ const Grid = ({
   gap
 }) => {
   const theme = redisUiStyles.useTheme().components.skeleton.grid;
-  return jsxRuntime.jsxRuntimeExports.jsx(Grid_style.GridContainer, {
+  return jsxRuntime.jsx(Grid_style.GridContainer, {
     direction,
     gap: css_utils.calcSize(gap, theme.gap),
     children: Array.from({

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { GridContainer } from "./Grid.style.js";
 import { calcSize } from "../../../Helpers/css.utils.js";
@@ -9,7 +9,7 @@ const Grid = ({
   gap
 }) => {
   const theme = useTheme().components.skeleton.grid;
-  return jsxRuntimeExports.jsx(GridContainer, {
+  return jsx(GridContainer, {
     direction,
     gap: calcSize(gap, theme.gap),
     children: Array.from({

package/dist/Skeleton/components/Square/Square.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 index = require("../../../node_modules/react-loading-skeleton/dist/index.cjs");
 const useShapeProps = require("../../hooks/useShapeProps.cjs");
 const Square_style = require("./Square.style.cjs");
@@ -15,7 +15,7 @@ const Square = ({
   const shapeProps = useShapeProps.useShapeProps({
     darkShade
   });
-  return jsxRuntime.jsxRuntimeExports.jsx(Square_style.SquaresContainer, {
+  return jsxRuntime.jsx(Square_style.SquaresContainer, {
     children: Array.from({
       length: getSizeByRangeOrNumber.getSizeByRangeOrNumber(count)
     }).map((_, index$1) => {
@@ -25,7 +25,7 @@ const Square = ({
       } else {
         squareWidth = `${getSizeByRangeOrNumber.getSizeByRangeOrNumber(width)}px`;
       }
-      return jsxRuntime.jsxRuntimeExports.jsx(index.default, {
+      return jsxRuntime.jsx(index.default, {
         ...shapeProps,
         containerTestId: `skeleton-square-${index$1}`,
         width: squareWidth,

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import Skeleton from "../../../node_modules/react-loading-skeleton/dist/index.js";
 import { useShapeProps } from "../../hooks/useShapeProps.js";
 import { SquaresContainer, SquareWrapper } from "./Square.style.js";
@@ -13,7 +13,7 @@ const Square = ({
   const shapeProps = useShapeProps({
     darkShade
   });
-  return jsxRuntimeExports.jsx(SquaresContainer, {
+  return jsx(SquaresContainer, {
     children: Array.from({
       length: getSizeByRangeOrNumber(count)
     }).map((_, index) => {
@@ -23,7 +23,7 @@ const Square = ({
       } else {
         squareWidth = `${getSizeByRangeOrNumber(width)}px`;
       }
-      return jsxRuntimeExports.jsx(Skeleton, {
+      return jsx(Skeleton, {
         ...shapeProps,
         containerTestId: `skeleton-square-${index}`,
         width: squareWidth,

package/dist/Slider/Slider.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 Track = require("./components/Track/Track.cjs");
 const Thumb = require("./components/Thumb/Thumb.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
@@ -11,11 +11,11 @@ const Slider = Object.assign(({
   marks,
   "aria-label": ariaLabel,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Slider.Compose, {
+}) => jsxRuntime.jsxs(Slider.Compose, {
   ...restProps,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Slider.Track, {}), jsxRuntime.jsxRuntimeExports.jsx(Slider.MarksAndLabels, {
+  children: [jsxRuntime.jsx(Slider.Track, {}), jsxRuntime.jsx(Slider.MarksAndLabels, {
     marks
-  }), jsxRuntime.jsxRuntimeExports.jsx(Slider.Thumb, {
+  }), jsxRuntime.jsx(Slider.Thumb, {
     "aria-label": ariaLabel
   })]
 }), {

package/dist/Slider/Slider.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Track from "./components/Track/Track.js";
 import Thumb from "./components/Thumb/Thumb.js";
 import { Compose } from "./components/Compose/Compose.js";
@@ -9,11 +9,11 @@ const Slider = Object.assign(({
   marks,
   "aria-label": ariaLabel,
   ...restProps
-}) => jsxRuntimeExports.jsxs(Slider.Compose, {
+}) => jsxs(Slider.Compose, {
   ...restProps,
-  children: [jsxRuntimeExports.jsx(Slider.Track, {}), jsxRuntimeExports.jsx(Slider.MarksAndLabels, {
+  children: [jsx(Slider.Track, {}), jsx(Slider.MarksAndLabels, {
     marks
-  }), jsxRuntimeExports.jsx(Slider.Thumb, {
+  }), jsx(Slider.Thumb, {
     "aria-label": ariaLabel
   })]
 }), {

package/dist/Slider/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 Slider_context = require("../../Slider.context.cjs");
@@ -29,9 +29,9 @@ const Compose = ({
     min,
     max
   }), [value, disabled, setValue, min, max]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Slider_context.SliderContextProvider, {
+  return jsxRuntime.jsx(Slider_context.SliderContextProvider, {
     value: contextValue,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SliderCompose, {
+    children: jsxRuntime.jsx(Compose_style.SliderCompose, {
       onValueChange: setValue,
       min,
       max,

package/dist/Slider/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 { useMemo } from "react";
 import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { SliderContextProvider } from "../../Slider.context.js";
@@ -27,9 +27,9 @@ const Compose = ({
     min,
     max
   }), [value, disabled, setValue, min, max]);
-  return jsxRuntimeExports.jsx(SliderContextProvider, {
+  return jsx(SliderContextProvider, {
     value: contextValue,
-    children: jsxRuntimeExports.jsx(SliderCompose, {
+    children: jsx(SliderCompose, {
       onValueChange: setValue,
       min,
       max,

package/dist/Slider/components/Label/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 useOffset = require("../../../hooks/useOffset.cjs");
 const Slider_context = require("../../../Slider.context.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -23,7 +23,7 @@ const Compose = ({
       setValue([value]);
     }
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SliderLabelCompose, {
+  return jsxRuntime.jsx(Compose_style.SliderLabelCompose, {
     "$offset": offset,
     "$clickable": clickable,
     "$disabled": disabled,