@redis-ui/components 44.0.1 → 44.1.0

package/dist/ChipList/Components/ExtraItem.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 redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const Chip = require("../../Chip/Chip.cjs");
 const ExtraItem_style = require("./ExtraItem.style.cjs");
 const useScrollableTooltip = require("../../Tooltip/hooks/useScrollableTooltip.cjs");
 const Provider = require("../../Tooltip/Provider/Provider.cjs");
 const Tooltip = require("../../Tooltip/Tooltip.cjs");
-const defaultTooltip = (chipItems) => jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
-  children: chipItems.map((item) => jsxRuntime.jsxRuntimeExports.jsx(ExtraItem_style.ExtraListItem, {
+const defaultTooltip = (chipItems) => jsxRuntime.jsx(jsxRuntime.Fragment, {
+  children: chipItems.map((item) => jsxRuntime.jsx(ExtraItem_style.ExtraListItem, {
     "$disabled": item.disabled,
     children: item.label
   }, item.label))
@@ -27,19 +27,19 @@ const ExtraItem = ({
     interactive
   } = useScrollableTooltip.useScrollableTooltip();
   const content = renderTooltip(chips);
-  return jsxRuntime.jsxRuntimeExports.jsx(Provider.default, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+  return jsxRuntime.jsx(Provider.default, {
+    children: jsxRuntime.jsx(Tooltip.default, {
       onOpenChange,
       interactive,
       placement: "right",
       backgroundColor: theme.components.chipList.popupList.bgColor,
-      content: content && jsxRuntime.jsxRuntimeExports.jsx(ExtraItem_style.ExtraListContainer, {
+      content: content && jsxRuntime.jsx(ExtraItem_style.ExtraListContainer, {
         ref: tooltipScrollContainerRef,
         children: content
       }),
-      children: jsxRuntime.jsxRuntimeExports.jsx("span", {
+      children: jsxRuntime.jsx("span", {
         tabIndex: 0,
-        children: jsxRuntime.jsxRuntimeExports.jsx(Chip.default, {
+        children: jsxRuntime.jsx(Chip.default, {
           text: `+${chips.length}`,
           disabled,
           size,

package/dist/ChipList/Components/ExtraItem.js

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import Chip from "../../Chip/Chip.js";
 import { ExtraListContainer, ExtraListItem } from "./ExtraItem.style.js";
 import { useScrollableTooltip } from "../../Tooltip/hooks/useScrollableTooltip.js";
 import TooltipProvider from "../../Tooltip/Provider/Provider.js";
 import Tooltip from "../../Tooltip/Tooltip.js";
-const defaultTooltip = (chipItems) => jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-  children: chipItems.map((item) => jsxRuntimeExports.jsx(ExtraListItem, {
+const defaultTooltip = (chipItems) => jsx(Fragment, {
+  children: chipItems.map((item) => jsx(ExtraListItem, {
     "$disabled": item.disabled,
     children: item.label
   }, item.label))
@@ -25,19 +25,19 @@ const ExtraItem = ({
     interactive
   } = useScrollableTooltip();
   const content = renderTooltip(chips);
-  return jsxRuntimeExports.jsx(TooltipProvider, {
-    children: jsxRuntimeExports.jsx(Tooltip, {
+  return jsx(TooltipProvider, {
+    children: jsx(Tooltip, {
       onOpenChange,
       interactive,
       placement: "right",
       backgroundColor: theme.components.chipList.popupList.bgColor,
-      content: content && jsxRuntimeExports.jsx(ExtraListContainer, {
+      content: content && jsx(ExtraListContainer, {
         ref: tooltipScrollContainerRef,
         children: content
       }),
-      children: jsxRuntimeExports.jsx("span", {
+      children: jsx("span", {
         tabIndex: 0,
-        children: jsxRuntimeExports.jsx(Chip, {
+        children: jsx(Chip, {
           text: `+${chips.length}`,
           disabled,
           size,

package/dist/CountryFlag/CountryFlag.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 CountryFlag_utils = require("./CountryFlag.utils.cjs");
 const CountryFlag_style = require("./CountryFlag.style.cjs");
@@ -13,25 +13,25 @@ const CountryFlag = ({
 }) => {
   const [valid, setValid] = React.useState(false);
   const fixedCountryCode = CountryFlag_utils.fixCountryCode(countryCode);
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [jsxRuntime.jsxRuntimeExports.jsxs(CountryFlag_style.Picture, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsxs(CountryFlag_style.Picture, {
       hidden: !valid,
-      children: [jsxRuntime.jsxRuntimeExports.jsx("source", {
+      children: [jsxRuntime.jsx("source", {
         type: "image/webp",
         srcSet: `https://flagcdn.com/w40/${fixedCountryCode}.webp,
       https://flagcdn.com/w80/${fixedCountryCode}.webp 2x`
-      }), jsxRuntime.jsxRuntimeExports.jsx("source", {
+      }), jsxRuntime.jsx("source", {
         type: "image/png",
         srcSet: `https://flagcdn.com/w40/${fixedCountryCode}.png,
       https://flagcdn.com/w80/${fixedCountryCode}.png 2x`
-      }), jsxRuntime.jsxRuntimeExports.jsx(CountryFlag_style.FlagImage, {
+      }), jsxRuntime.jsx(CountryFlag_style.FlagImage, {
         alt: fixedCountryCode,
         ...rest,
         src: `https://flagcdn.com/w40/${fixedCountryCode}.png`,
         onError: react_utils.combineHandlers(() => setValid(false), onError),
         onLoad: react_utils.combineHandlers(() => setValid(true), onLoad)
       })]
-    }), valid || jsxRuntime.jsxRuntimeExports.jsx(CountryFlag_style.FlagImage, {
+    }), valid || jsxRuntime.jsx(CountryFlag_style.FlagImage, {
       alt: fixedCountryCode,
       ...rest,
       src: "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="

package/dist/CountryFlag/CountryFlag.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { fixCountryCode } from "./CountryFlag.utils.js";
 import { Picture, FlagImage } from "./CountryFlag.style.js";
@@ -11,25 +11,25 @@ const CountryFlag = ({
 }) => {
   const [valid, setValid] = useState(false);
   const fixedCountryCode = fixCountryCode(countryCode);
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-    children: [jsxRuntimeExports.jsxs(Picture, {
+  return jsxs(Fragment, {
+    children: [jsxs(Picture, {
       hidden: !valid,
-      children: [jsxRuntimeExports.jsx("source", {
+      children: [jsx("source", {
         type: "image/webp",
         srcSet: `https://flagcdn.com/w40/${fixedCountryCode}.webp,
       https://flagcdn.com/w80/${fixedCountryCode}.webp 2x`
-      }), jsxRuntimeExports.jsx("source", {
+      }), jsx("source", {
         type: "image/png",
         srcSet: `https://flagcdn.com/w40/${fixedCountryCode}.png,
       https://flagcdn.com/w80/${fixedCountryCode}.png 2x`
-      }), jsxRuntimeExports.jsx(FlagImage, {
+      }), jsx(FlagImage, {
         alt: fixedCountryCode,
         ...rest,
         src: `https://flagcdn.com/w40/${fixedCountryCode}.png`,
         onError: combineHandlers(() => setValid(false), onError),
         onLoad: combineHandlers(() => setValid(true), onLoad)
       })]
-    }), valid || jsxRuntimeExports.jsx(FlagImage, {
+    }), valid || jsx(FlagImage, {
       alt: fixedCountryCode,
       ...rest,
       src: "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="

package/dist/DatePicker/DatePicker.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 DatePicker_style = require("./DatePicker.style.cjs");
 const CustomDropdown = require("./components/CustomDropdown/CustomDropdown.cjs");
 const DatePicker_utils = require("./DatePicker.utils.cjs");
@@ -14,7 +14,7 @@ const DatePicker = ({
   showSelected,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(DatePicker_style.DatePicker, {
+  return jsxRuntime.jsx(DatePicker_style.DatePicker, {
     captionLayout: "dropdown-buttons",
     fixedWeeks: true,
     weekStartsOn: 1,

package/dist/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { DatePicker as DatePicker$2 } from "./DatePicker.style.js";
 import CustomDropdown from "./components/CustomDropdown/CustomDropdown.js";
 import { defaultFromYear, defaultToYear } from "./DatePicker.utils.js";
@@ -12,7 +12,7 @@ const DatePicker = ({
   showSelected,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(DatePicker$2, {
+  return jsx(DatePicker$2, {
     captionLayout: "dropdown-buttons",
     fixedWeeks: true,
     weekStartsOn: 1,

package/dist/DatePicker/RangeDatePicker.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 DatePicker_style = require("./DatePicker.style.cjs");
 const CustomDropdown = require("./components/CustomDropdown/CustomDropdown.cjs");
 const CustomLeftIcon = require("./components/CustomLeftIcon/CustomLeftIcon.cjs");
@@ -15,7 +15,7 @@ const RangeDatePicker = ({
   showSelected,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(DatePicker_style.DatePicker, {
+  return jsxRuntime.jsx(DatePicker_style.DatePicker, {
     captionLayout: "dropdown-buttons",
     fixedWeeks: true,
     weekStartsOn: 1,

package/dist/DatePicker/RangeDatePicker.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { DatePicker } from "./DatePicker.style.js";
 import CustomDropdown from "./components/CustomDropdown/CustomDropdown.js";
 import CustomLeftIcon from "./components/CustomLeftIcon/CustomLeftIcon.js";
@@ -13,7 +13,7 @@ const RangeDatePicker = ({
   showSelected,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(DatePicker, {
+  return jsx(DatePicker, {
     captionLayout: "dropdown-buttons",
     fixedWeeks: true,
     weekStartsOn: 1,

package/dist/DatePicker/components/CustomDropdown/CustomDropdown.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_esm = require("../../../node_modules/react-day-picker/dist/index.esm.cjs");
 const setYear = require("../../../node_modules/date-fns/setYear.cjs");
 const startOfMonth = require("../../../node_modules/date-fns/startOfMonth.cjs");
@@ -30,7 +30,7 @@ const CustomDropdown = (props) => {
     }
     goToMonth(newMonth);
   };
-  return jsxRuntime.jsxRuntimeExports.jsx("select", {
+  return jsxRuntime.jsx("select", {
     onChange: handleChange,
     value,
     children

package/dist/DatePicker/components/CustomDropdown/CustomDropdown.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useNavigation } from "../../../node_modules/react-day-picker/dist/index.esm.js";
 import { setYear } from "../../../node_modules/date-fns/setYear.js";
 import { startOfMonth } from "../../../node_modules/date-fns/startOfMonth.js";
@@ -28,7 +28,7 @@ const CustomDropdown = (props) => {
     }
     goToMonth(newMonth);
   };
-  return jsxRuntimeExports.jsx("select", {
+  return jsx("select", {
     onChange: handleChange,
     value,
     children

package/dist/DatePicker/components/CustomLeftIcon/CustomLeftIcon.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
-const CustomLeftIcon = () => jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.CaretLeftIcon, {
+const CustomLeftIcon = () => jsxRuntime.jsx(redisUiIcons.CaretLeftIcon, {
   size: "S",
   customColor: redisUiStyles.useTheme().components.datePicker.navArrow.iconColor
 });

package/dist/DatePicker/components/CustomLeftIcon/CustomLeftIcon.js

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { CaretLeftIcon } from "@redislabsdev/redis-ui-icons";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
-const CustomLeftIcon = () => jsxRuntimeExports.jsx(CaretLeftIcon, {
+const CustomLeftIcon = () => jsx(CaretLeftIcon, {
   size: "S",
   customColor: useTheme().components.datePicker.navArrow.iconColor
 });

package/dist/DatePicker/components/CustomRightIcon/CustomRightIcon.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
-const CustomRightIcon = () => jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.CaretRightIcon, {
+const CustomRightIcon = () => jsxRuntime.jsx(redisUiIcons.CaretRightIcon, {
   size: "S",
   customColor: redisUiStyles.useTheme().components.datePicker.navArrow.iconColor
 });

package/dist/DatePicker/components/CustomRightIcon/CustomRightIcon.js

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { CaretRightIcon } from "@redislabsdev/redis-ui-icons";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
-const CustomRightIcon = () => jsxRuntimeExports.jsx(CaretRightIcon, {
+const CustomRightIcon = () => jsx(CaretRightIcon, {
   size: "S",
   customColor: useTheme().components.datePicker.navArrow.iconColor
 });

package/dist/Drawer/Drawer.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-dialog/dist/index.cjs");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const Drawer_context = require("./Drawer.context.cjs");
@@ -48,20 +48,20 @@ const Drawer = Object.assign(({
       onDrawerDidClose == null ? void 0 : onDrawerDidClose();
     }
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(Drawer_context.DrawerContext.Provider, {
+  return jsxRuntime.jsx(Drawer_context.DrawerContext.Provider, {
     value: {
       isPersistent: persistent,
       onOpenChange,
       isRenderedInsideContainer: !!containerElement,
       zIndex: zIndex || theme.core.zIndex.zIndex9998
     },
-    children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, {
+    children: jsxRuntime.jsx(index.Root, {
       open,
       onOpenChange,
       modal: false,
-      children: jsxRuntime.jsxRuntimeExports.jsxs(index.Portal, {
+      children: jsxRuntime.jsxs(index.Portal, {
         container: containerElement,
-        children: [persistent && jsxRuntime.jsxRuntimeExports.jsx(Overlay.default, {}), jsxRuntime.jsxRuntimeExports.jsx(Content.default, {
+        children: [persistent && jsxRuntime.jsx(Overlay.default, {}), jsxRuntime.jsx(Content.default, {
           onAnimationStart: prefersReducedMotion ? void 0 : handleOnAnimationStart,
           onAnimationEndCapture: prefersReducedMotion ? void 0 : handleOnAnimationEnd,
           ...props,

package/dist/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Root, Portal } from "../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { DrawerContext } from "./Drawer.context.js";
@@ -46,20 +46,20 @@ const Drawer = Object.assign(({
       onDrawerDidClose == null ? void 0 : onDrawerDidClose();
     }
   };
-  return jsxRuntimeExports.jsx(DrawerContext.Provider, {
+  return jsx(DrawerContext.Provider, {
     value: {
       isPersistent: persistent,
       onOpenChange,
       isRenderedInsideContainer: !!containerElement,
       zIndex: zIndex || theme.core.zIndex.zIndex9998
     },
-    children: jsxRuntimeExports.jsx(Root, {
+    children: jsx(Root, {
       open,
       onOpenChange,
       modal: false,
-      children: jsxRuntimeExports.jsxs(Portal, {
+      children: jsxs(Portal, {
         container: containerElement,
-        children: [persistent && jsxRuntimeExports.jsx(Overlay, {}), jsxRuntimeExports.jsx(Content, {
+        children: [persistent && jsx(Overlay, {}), jsx(Content, {
           onAnimationStart: prefersReducedMotion ? void 0 : handleOnAnimationStart,
           onAnimationEndCapture: prefersReducedMotion ? void 0 : handleOnAnimationEnd,
           ...props,

package/dist/Drawer/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 useScrollable = require("../../../Helpers/hooks/useScrollable.cjs");
@@ -10,7 +10,7 @@ const Body = ({
 }) => {
   const ref = React.useRef(null);
   const scrollable = useScrollable.useScrollable(ref);
-  return jsxRuntime.jsxRuntimeExports.jsx(Body_style.DrawerBody, {
+  return jsxRuntime.jsx(Body_style.DrawerBody, {
     ref: focusableForScroll ? ref : void 0,
     ...scrollable && {
       tabIndex: 0,

package/dist/Drawer/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 { useRef } from "react";
 import { DrawerBody } from "./Body.style.js";
 import { useScrollable } from "../../../Helpers/hooks/useScrollable.js";
@@ -8,7 +8,7 @@ const Body = ({
 }) => {
   const ref = useRef(null);
   const scrollable = useScrollable(ref);
-  return jsxRuntimeExports.jsx(DrawerBody, {
+  return jsx(DrawerBody, {
     ref: focusableForScroll ? ref : void 0,
     ...scrollable && {
       tabIndex: 0,

package/dist/Drawer/components/Content/Content.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index = require("../../../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
 const Drawer_context = require("../../Drawer.context.cjs");
@@ -40,8 +40,8 @@ const Content = React.forwardRef(({
     handleClickTarget,
     refocus
   } = useFocusTrigger.useFocusTrigger();
-  return jsxRuntime.jsxRuntimeExports.jsx(Content_style.PreventOverflow, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(Content_style.DrawerContent, {
+  return jsxRuntime.jsx(Content_style.PreventOverflow, {
+    children: jsxRuntime.jsx(Content_style.DrawerContent, {
       "data-role": "drawer",
       "$zIndex": zIndex,
       ref: comboRef,

package/dist/Drawer/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 { forwardRef } from "react";
 import { useComposedRefs } from "../../../node_modules/@radix-ui/react-compose-refs/dist/index.js";
 import { useDrawerContext } from "../../Drawer.context.js";
@@ -38,8 +38,8 @@ const Content = forwardRef(({
     handleClickTarget,
     refocus
   } = useFocusTrigger();
-  return jsxRuntimeExports.jsx(PreventOverflow, {
-    children: jsxRuntimeExports.jsx(DrawerContent, {
+  return jsx(PreventOverflow, {
+    children: jsx(DrawerContent, {
       "data-role": "drawer",
       "$zIndex": zIndex,
       ref: comboRef,

package/dist/Drawer/components/Description/Description.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-dialog/dist/index.cjs");
 const index$1 = require("../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const Text = require("./components/Text/Text.cjs");
@@ -16,17 +16,17 @@ const Description = Object.assign(({
   if (emptyContent) {
     return null;
   }
-  const mainElement = jsxRuntime.jsxRuntimeExports.jsx(index.Description, {
+  const mainElement = jsxRuntime.jsx(index.Description, {
     asChild: true,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Description_style.DescriptionContainer, {
+    children: jsxRuntime.jsx(Description_style.DescriptionContainer, {
       "data-role": "drawer-description",
       ...restProps,
-      children: typeof children === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Description.Text, {
+      children: typeof children === "string" ? jsxRuntime.jsx(Description.Text, {
         children
       }) : children
     })
   });
-  return hidden ? jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+  return hidden ? jsxRuntime.jsx(index$1.VisuallyHidden, {
     asChild: true,
     children: mainElement
   }) : mainElement;

package/dist/Drawer/components/Description/Description.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Description as Description$1 } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { VisuallyHidden } from "../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import Text from "./components/Text/Text.js";
@@ -14,17 +14,17 @@ const Description = Object.assign(({
   if (emptyContent) {
     return null;
   }
-  const mainElement = jsxRuntimeExports.jsx(Description$1, {
+  const mainElement = jsx(Description$1, {
     asChild: true,
-    children: jsxRuntimeExports.jsx(DescriptionContainer, {
+    children: jsx(DescriptionContainer, {
       "data-role": "drawer-description",
       ...restProps,
-      children: typeof children === "string" ? jsxRuntimeExports.jsx(Description.Text, {
+      children: typeof children === "string" ? jsx(Description.Text, {
         children
       }) : children
     })
   });
-  return hidden ? jsxRuntimeExports.jsx(VisuallyHidden, {
+  return hidden ? jsx(VisuallyHidden, {
     asChild: true,
     children: mainElement
   }) : mainElement;

package/dist/Drawer/components/Description/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, {
   size: "XS",
   ...props
 });

package/dist/Drawer/components/Description/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, {
   size: "XS",
   ...props
 });

package/dist/Drawer/components/Footer/Footer.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 ActionButtonsContainer = require("./components/ActionButtonsContainer/ActionButtonsContainer.cjs");
 const TextButton = require("../../../Button/TextButton/TextButton.cjs");
@@ -18,21 +18,21 @@ const Footer = Object.assign(({
   onTertiaryButtonClick,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Footer.Compose, {
+  return jsxRuntime.jsxs(Footer.Compose, {
     ...restProps,
-    children: [tertiaryButtonText && jsxRuntime.jsxRuntimeExports.jsxs(TextButton.default, {
+    children: [tertiaryButtonText && jsxRuntime.jsxs(TextButton.default, {
       disabled: tertiaryButtonDisabled,
       onClick: onTertiaryButtonClick,
-      children: [tertiaryButtonIcon && jsxRuntime.jsxRuntimeExports.jsx(Button.default.Icon, {
+      children: [tertiaryButtonIcon && jsxRuntime.jsx(Button.default.Icon, {
         icon: tertiaryButtonIcon
       }), tertiaryButtonText]
-    }), jsxRuntime.jsxRuntimeExports.jsxs(Footer.ActionButtonsContainer, {
-      children: [secondaryButtonText && jsxRuntime.jsxRuntimeExports.jsx(Button.default, {
+    }), jsxRuntime.jsxs(Footer.ActionButtonsContainer, {
+      children: [secondaryButtonText && jsxRuntime.jsx(Button.default, {
         disabled: secondaryButtonDisabled,
         onClick: onSecondaryButtonClick,
         variant: "secondary-ghost",
         children: secondaryButtonText
-      }), primaryButtonText && jsxRuntime.jsxRuntimeExports.jsx(Button.default, {
+      }), primaryButtonText && jsxRuntime.jsx(Button.default, {
         disabled: primaryButtonDisabled,
         onClick: onPrimaryButtonClick,
         children: primaryButtonText

package/dist/Drawer/components/Footer/Footer.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 ActionButtonsContainer from "./components/ActionButtonsContainer/ActionButtonsContainer.js";
 import TextButton from "../../../Button/TextButton/TextButton.js";
@@ -16,21 +16,21 @@ const Footer = Object.assign(({
   onTertiaryButtonClick,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Footer.Compose, {
+  return jsxs(Footer.Compose, {
     ...restProps,
-    children: [tertiaryButtonText && jsxRuntimeExports.jsxs(TextButton, {
+    children: [tertiaryButtonText && jsxs(TextButton, {
       disabled: tertiaryButtonDisabled,
       onClick: onTertiaryButtonClick,
-      children: [tertiaryButtonIcon && jsxRuntimeExports.jsx(Button.Icon, {
+      children: [tertiaryButtonIcon && jsx(Button.Icon, {
         icon: tertiaryButtonIcon
       }), tertiaryButtonText]
-    }), jsxRuntimeExports.jsxs(Footer.ActionButtonsContainer, {
-      children: [secondaryButtonText && jsxRuntimeExports.jsx(Button, {
+    }), jsxs(Footer.ActionButtonsContainer, {
+      children: [secondaryButtonText && jsx(Button, {
         disabled: secondaryButtonDisabled,
         onClick: onSecondaryButtonClick,
         variant: "secondary-ghost",
         children: secondaryButtonText
-      }), primaryButtonText && jsxRuntimeExports.jsx(Button, {
+      }), primaryButtonText && jsx(Button, {
         disabled: primaryButtonDisabled,
         onClick: onPrimaryButtonClick,
         children: primaryButtonText

package/dist/Drawer/components/Footer/components/ActionButtonsContainer/ActionButtonsContainer.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const ActionButtonsContainer_style = require("./ActionButtonsContainer.style.cjs");
 const ActionButtonsContainer = ({
   children,
   ...props
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(ActionButtonsContainer_style.Container, {
+  return jsxRuntime.jsx(ActionButtonsContainer_style.Container, {
     ...props,
     children
   });

package/dist/Drawer/components/Footer/components/ActionButtonsContainer/ActionButtonsContainer.js

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