@redis-ui/components 44.0.1 → 44.1.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,

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

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

@@ -1,16 +1,16 @@
 "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 = require("./Compose/Compose.cjs");
 const Typography = require("../../../Typography/Typography.cjs");
 const Label = Object.assign(({
   value,
   children,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Label.Compose, {
+}) => jsxRuntime.jsx(Label.Compose, {
   value,
   ...restProps,
-  children: jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  children: jsxRuntime.jsx(Typography.default.Body, {
     size: "M",
     children
   })

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

@@ -1,14 +1,14 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Compose } from "./Compose/Compose.js";
 import Typography from "../../../Typography/Typography.js";
 const Label = Object.assign(({
   value,
   children,
   ...restProps
-}) => jsxRuntimeExports.jsx(Label.Compose, {
+}) => jsx(Label.Compose, {
   value,
   ...restProps,
-  children: jsxRuntimeExports.jsx(Typography.Body, {
+  children: jsx(Typography.Body, {
     size: "M",
     children
   })

package/dist/Slider/components/Mark/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 Slider_context = require("../../../Slider.context.cjs");
 const useOffset = require("../../../hooks/useOffset.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -18,7 +18,7 @@ const Compose = ({
     return null;
   }
   const isInRange = sliderValue[0] >= value;
-  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SliderMarkCompose, {
+  return jsxRuntime.jsx(Compose_style.SliderMarkCompose, {
     "$offset": offset,
     "data-in-range": String(isInRange),
     "data-disabled": disabled ? "" : void 0,

package/dist/Slider/components/Mark/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 { useSliderContext } from "../../../Slider.context.js";
 import { useOffset } from "../../../hooks/useOffset.js";
 import { SliderMarkCompose } from "./Compose.style.js";
@@ -16,7 +16,7 @@ const Compose = ({
     return null;
   }
   const isInRange = sliderValue[0] >= value;
-  return jsxRuntimeExports.jsx(SliderMarkCompose, {
+  return jsx(SliderMarkCompose, {
     "$offset": offset,
     "data-in-range": String(isInRange),
     "data-disabled": disabled ? "" : void 0,

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

@@ -1,15 +1,15 @@
 "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 = require("./Compose/Compose.cjs");
 const Mark_style = require("./Mark.style.cjs");
 const Mark = Object.assign(({
   value,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Mark.Compose, {
+}) => jsxRuntime.jsx(Mark.Compose, {
   value,
   ...restProps,
-  children: jsxRuntime.jsxRuntimeExports.jsx(Mark_style.SliderMarkRender, {})
+  children: jsxRuntime.jsx(Mark_style.SliderMarkRender, {})
 }), {
   Compose: Compose.Compose
 });

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

@@ -1,13 +1,13 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Compose } from "./Compose/Compose.js";
 import { SliderMarkRender } from "./Mark.style.js";
 const Mark = Object.assign(({
   value,
   ...restProps
-}) => jsxRuntimeExports.jsx(Mark.Compose, {
+}) => jsx(Mark.Compose, {
   value,
   ...restProps,
-  children: jsxRuntimeExports.jsx(SliderMarkRender, {})
+  children: jsx(SliderMarkRender, {})
 }), {
   Compose
 });

package/dist/Slider/components/MarksAndLabels/MarksAndLabels.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 Mark = require("../Mark/Mark.cjs");
 const Label = require("../Label/Label.cjs");
@@ -17,26 +17,26 @@ const MarksAndLabels = ({
   const filteredMarks = marks == null ? void 0 : marks.filter(({
     value
   }) => value >= min && value <= max);
-  return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: filteredMarks == null ? void 0 : filteredMarks.map(({
       value,
       mark = true,
       label
-    }) => jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, {
-      children: [mark && (renderMark ? jsxRuntime.jsxRuntimeExports.jsx(Mark.Mark.Compose, {
+    }) => jsxRuntime.jsxs(React.Fragment, {
+      children: [mark && (renderMark ? jsxRuntime.jsx(Mark.Mark.Compose, {
         value,
         children: renderMark({
           value
         })
-      }) : jsxRuntime.jsxRuntimeExports.jsx(Mark.Mark, {
+      }) : jsxRuntime.jsx(Mark.Mark, {
         value
-      })), label && (renderLabel ? jsxRuntime.jsxRuntimeExports.jsx(Label.Label.Compose, {
+      })), label && (renderLabel ? jsxRuntime.jsx(Label.Label.Compose, {
         value,
         children: renderLabel({
           value,
           label
         })
-      }) : jsxRuntime.jsxRuntimeExports.jsx(Label.Label, {
+      }) : jsxRuntime.jsx(Label.Label, {
         value,
         children: label
       }))]

package/dist/Slider/components/MarksAndLabels/MarksAndLabels.js

@@ -1,5 +1,5 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
-import { Fragment } from "react";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
 import { Mark } from "../Mark/Mark.js";
 import { Label } from "../Label/Label.js";
 import { useSliderContext } from "../../Slider.context.js";
@@ -15,26 +15,26 @@ const MarksAndLabels = ({
   const filteredMarks = marks == null ? void 0 : marks.filter(({
     value
   }) => value >= min && value <= max);
-  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return jsx(Fragment, {
     children: filteredMarks == null ? void 0 : filteredMarks.map(({
       value,
       mark = true,
       label
-    }) => jsxRuntimeExports.jsxs(Fragment, {
-      children: [mark && (renderMark ? jsxRuntimeExports.jsx(Mark.Compose, {
+    }) => jsxs(Fragment$1, {
+      children: [mark && (renderMark ? jsx(Mark.Compose, {
         value,
         children: renderMark({
           value
         })
-      }) : jsxRuntimeExports.jsx(Mark, {
+      }) : jsx(Mark, {
         value
-      })), label && (renderLabel ? jsxRuntimeExports.jsx(Label.Compose, {
+      })), label && (renderLabel ? jsx(Label.Compose, {
         value,
         children: renderLabel({
           value,
           label
         })
-      }) : jsxRuntimeExports.jsx(Label, {
+      }) : jsx(Label, {
         value,
         children: label
       }))]

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

@@ -1,12 +1,12 @@
 "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,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SliderThumbCompose, {
+  return jsxRuntime.jsx(Compose_style.SliderThumbCompose, {
     ...restProps,
     children
   });

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

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

package/dist/Slider/components/Thumb/Thumb.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 = require("./Compose/Compose.cjs");
 const Thumb_style = require("./Thumb.style.cjs");
-const Thumb = Object.assign((props) => jsxRuntime.jsxRuntimeExports.jsx(Thumb.Compose, {
+const Thumb = Object.assign((props) => jsxRuntime.jsx(Thumb.Compose, {
   ...props,
-  children: jsxRuntime.jsxRuntimeExports.jsx(Thumb_style.SliderThumbRender, {})
+  children: jsxRuntime.jsx(Thumb_style.SliderThumbRender, {})
 }), {
   Compose: Compose.Compose
 });

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

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Compose } from "./Compose/Compose.js";
 import { SliderThumbRender } from "./Thumb.style.js";
-const Thumb = Object.assign((props) => jsxRuntimeExports.jsx(Thumb.Compose, {
+const Thumb = Object.assign((props) => jsx(Thumb.Compose, {
   ...props,
-  children: jsxRuntimeExports.jsx(SliderThumbRender, {})
+  children: jsx(SliderThumbRender, {})
 }), {
   Compose
 });