@redis-ui/components 44.0.2 → 44.1.0

package/dist/MultiSelect/components/Content/components/OptionList/OptionList.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import Option from "../Option/Option.js";
 import OptionList from "../../../../../Select/components/Content/components/OptionList/OptionList.js";
 const MultiSelectOptionList = ({
   optionComponent = Option,
   ...restProps
-}) => jsxRuntimeExports.jsx(OptionList, {
+}) => jsx(OptionList, {
   optionComponent,
   ...restProps
 });

package/dist/MultiSelect/components/Content/components/SelectAll/SelectAll.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 reactHotkeysHook_esm = require("../../../../../node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.cjs");
 const Context = require("../../../Context/Context.cjs");
@@ -35,7 +35,7 @@ const SelectAllAction = ({
     (ref) => setHotkeyComponent((ref == null ? void 0 : ref.closest("div[role=listbox]")) || ref),
     [setHotkeyComponent]
   );
-  return jsxRuntime.jsxRuntimeExports.jsx(TextButton.default, {
+  return jsxRuntime.jsx(TextButton.default, {
     ref: hotKeyRef,
     disabled: !hasSelectable,
     variant: "primary-inline",

package/dist/MultiSelect/components/Content/components/SelectAll/SelectAll.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from "react";
 import { useHotkeys } from "../../../../../node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.js";
 import { useMultiSelectContext } from "../../../Context/Context.js";
@@ -33,7 +33,7 @@ const SelectAllAction = ({
     (ref) => setHotkeyComponent((ref == null ? void 0 : ref.closest("div[role=listbox]")) || ref),
     [setHotkeyComponent]
   );
-  return jsxRuntimeExports.jsx(TextButton, {
+  return jsx(TextButton, {
     ref: hotKeyRef,
     disabled: !hasSelectable,
     variant: "primary-inline",

package/dist/MultiSelect/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 Compose = require("../../../Select/components/Trigger/components/Compose/Compose.cjs");
 const LoadingIndicator = require("../../../Inputs/components/LoadingIndicator/LoadingIndicator.cjs");
 const Arrow = require("../../../Select/components/Trigger/components/Arrow/Arrow.cjs");
@@ -13,14 +13,14 @@ const Trigger = Object.assign(({
   allowReset = true,
   loading,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Trigger.Compose, {
+}) => jsxRuntime.jsxs(Trigger.Compose, {
   ...restProps,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Trigger.MultiValue, {
+  children: [jsxRuntime.jsx(Trigger.MultiValue, {
     placeholder,
     valueRender
-  }), allowReset && jsxRuntime.jsxRuntimeExports.jsx(Trigger.ResetButton, {}), jsxRuntime.jsxRuntimeExports.jsx(Trigger.StatusIndicator, {}), jsxRuntime.jsxRuntimeExports.jsx(Trigger.LoadingIndicator, {
+  }), allowReset && jsxRuntime.jsx(Trigger.ResetButton, {}), jsxRuntime.jsx(Trigger.StatusIndicator, {}), jsxRuntime.jsx(Trigger.LoadingIndicator, {
     loading
-  }), jsxRuntime.jsxRuntimeExports.jsx(Trigger.Arrow, {})]
+  }), jsxRuntime.jsx(Trigger.Arrow, {})]
 }), {
   Compose: Compose.default,
   MultiValue: MultiValue.default,

package/dist/MultiSelect/components/Trigger/Trigger.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 "../../../Select/components/Trigger/components/Compose/Compose.js";
 import LoadingIndicator from "../../../Inputs/components/LoadingIndicator/LoadingIndicator.js";
 import Arrow from "../../../Select/components/Trigger/components/Arrow/Arrow.js";
@@ -11,14 +11,14 @@ const Trigger = Object.assign(({
   allowReset = true,
   loading,
   ...restProps
-}) => jsxRuntimeExports.jsxs(Trigger.Compose, {
+}) => jsxs(Trigger.Compose, {
   ...restProps,
-  children: [jsxRuntimeExports.jsx(Trigger.MultiValue, {
+  children: [jsx(Trigger.MultiValue, {
     placeholder,
     valueRender
-  }), allowReset && jsxRuntimeExports.jsx(Trigger.ResetButton, {}), jsxRuntimeExports.jsx(Trigger.StatusIndicator, {}), jsxRuntimeExports.jsx(Trigger.LoadingIndicator, {
+  }), allowReset && jsx(Trigger.ResetButton, {}), jsx(Trigger.StatusIndicator, {}), jsx(Trigger.LoadingIndicator, {
     loading
-  }), jsxRuntimeExports.jsx(Trigger.Arrow, {})]
+  }), jsx(Trigger.Arrow, {})]
 }), {
   Compose,
   MultiValue,

package/dist/MultiSelect/components/Trigger/components/MultiValue/MultiValue.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 MultiValue_style = require("./MultiValue.style.cjs");
 const ChipList = require("../../../../../ChipList/ChipList.cjs");
@@ -45,15 +45,15 @@ const MultiValue = ({
       targetElement = targetElement.parentElement;
     }
   };
-  return selectedItems ? jsxRuntime.jsxRuntimeExports.jsx(MultiValue_style.MultiValueContainer, {
+  return selectedItems ? jsxRuntime.jsx(MultiValue_style.MultiValueContainer, {
     ...restProps,
     ref,
     onPointerDown: handlePointerDown,
-    children: jsxRuntime.jsxRuntimeExports.jsx(ChipList.default, {
+    children: jsxRuntime.jsx(ChipList.default, {
       chips: selectedItems,
       onRemoveItem: allowRemove ? toggleOption : void 0
     })
-  }) : jsxRuntime.jsxRuntimeExports.jsx(MultiValue_style.Placeholder, {
+  }) : jsxRuntime.jsx(MultiValue_style.Placeholder, {
     children: placeholder
   });
 };

package/dist/MultiSelect/components/Trigger/components/MultiValue/MultiValue.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 { MultiValueContainer, Placeholder } from "./MultiValue.style.js";
 import ChipList from "../../../../../ChipList/ChipList.js";
@@ -43,15 +43,15 @@ const MultiValue = ({
       targetElement = targetElement.parentElement;
     }
   };
-  return selectedItems ? jsxRuntimeExports.jsx(MultiValueContainer, {
+  return selectedItems ? jsx(MultiValueContainer, {
     ...restProps,
     ref,
     onPointerDown: handlePointerDown,
-    children: jsxRuntimeExports.jsx(ChipList, {
+    children: jsx(ChipList, {
       chips: selectedItems,
       onRemoveItem: allowRemove ? toggleOption : void 0
     })
-  }) : jsxRuntimeExports.jsx(Placeholder, {
+  }) : jsx(Placeholder, {
     children: placeholder
   });
 };

package/dist/Overflow/Overflow.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 OverflowContainer = require("./components/OverflowContainer/OverflowContainer.cjs");
 const OverflowItem = require("./components/OverflowItem/OverflowItem.cjs");
@@ -72,7 +72,7 @@ const Overflow = ({
     const {
       key
     } = child;
-    return jsxRuntime.jsxRuntimeExports.jsx(OverflowItem.OverflowItem, {
+    return jsxRuntime.jsx(OverflowItem.OverflowItem, {
       onSizeChange: handleItemSizeChange,
       itemKey: key,
       hidden: index >= visibleCount,
@@ -80,13 +80,13 @@ const Overflow = ({
     }, key);
   });
   const extraItem = renderExtra == null ? void 0 : renderExtra(visibleCount);
-  const extra = extraItem ? jsxRuntime.jsxRuntimeExports.jsx(Overflow_style.OverflowExtra, {
+  const extra = extraItem ? jsxRuntime.jsx(Overflow_style.OverflowExtra, {
     onSizeChange: handleExtraSizeChange,
     itemKey: "",
     hidden: validChildren.length <= visibleCount,
     children: extraItem
   }) : null;
-  return jsxRuntime.jsxRuntimeExports.jsxs(OverflowContainer.OverflowContainer, {
+  return jsxRuntime.jsxs(OverflowContainer.OverflowContainer, {
     ...restProps,
     size: containerSize,
     onSizeChange: (newSize) => {

package/dist/Overflow/Overflow.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useMemo } from "react";
 import { OverflowContainer } from "./components/OverflowContainer/OverflowContainer.js";
 import { OverflowItem } from "./components/OverflowItem/OverflowItem.js";
@@ -70,7 +70,7 @@ const Overflow = ({
     const {
       key
     } = child;
-    return jsxRuntimeExports.jsx(OverflowItem, {
+    return jsx(OverflowItem, {
       onSizeChange: handleItemSizeChange,
       itemKey: key,
       hidden: index >= visibleCount,
@@ -78,13 +78,13 @@ const Overflow = ({
     }, key);
   });
   const extraItem = renderExtra == null ? void 0 : renderExtra(visibleCount);
-  const extra = extraItem ? jsxRuntimeExports.jsx(OverflowExtra, {
+  const extra = extraItem ? jsx(OverflowExtra, {
     onSizeChange: handleExtraSizeChange,
     itemKey: "",
     hidden: validChildren.length <= visibleCount,
     children: extraItem
   }) : null;
-  return jsxRuntimeExports.jsxs(OverflowContainer, {
+  return jsxs(OverflowContainer, {
     ...restProps,
     size: containerSize,
     onSizeChange: (newSize) => {

package/dist/Overflow/components/OverflowContainer/OverflowContainer.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 lodash = require("../../../node_modules/lodash/lodash.cjs");
 const useResize = require("../../useResize.cjs");
@@ -37,7 +37,7 @@ const OverflowContainer = ({
       setContainerSizeDeferred(newSize);
     }
   }, ref, true);
-  return jsxRuntime.jsxRuntimeExports.jsx(OverflowContainer_style.OverflowContainer, {
+  return jsxRuntime.jsx(OverflowContainer_style.OverflowContainer, {
     ref,
     ...restProps
   });

package/dist/Overflow/components/OverflowContainer/OverflowContainer.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from "react";
 import { l as lodashExports } from "../../../node_modules/lodash/lodash.js";
 import { useResizeWidth } from "../../useResize.js";
@@ -35,7 +35,7 @@ const OverflowContainer = ({
       setContainerSizeDeferred(newSize);
     }
   }, ref, true);
-  return jsxRuntimeExports.jsx(OverflowContainer$1, {
+  return jsx(OverflowContainer$1, {
     ref,
     ...restProps
   });

package/dist/Overflow/components/OverflowItem/OverflowItem.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 useResize = require("../../useResize.cjs");
 const OverflowItem_style = require("./OverflowItem.style.cjs");
@@ -12,7 +12,7 @@ const OverflowItem = ({
 }) => {
   const ref = React.useRef(null);
   useResize.useResizeWidth((size) => onSizeChange(size, itemKey), ref);
-  return jsxRuntime.jsxRuntimeExports.jsx(OverflowItem_style.OverflowItem, {
+  return jsxRuntime.jsx(OverflowItem_style.OverflowItem, {
     ...restProps,
     ref,
     style: hidden ? {

package/dist/Overflow/components/OverflowItem/OverflowItem.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 { useResizeWidth } from "../../useResize.js";
 import { OverflowItem as OverflowItem$1 } from "./OverflowItem.style.js";
@@ -10,7 +10,7 @@ const OverflowItem = ({
 }) => {
   const ref = useRef(null);
   useResizeWidth((size) => onSizeChange(size, itemKey), ref);
-  return jsxRuntimeExports.jsx(OverflowItem$1, {
+  return jsx(OverflowItem$1, {
     ...restProps,
     ref,
     style: hidden ? {

package/dist/Pagination/components/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 index = require("../../node_modules/@radix-ui/react-id/dist/index.cjs");
 const Pagination_context = require("../Pagination.context.cjs");
 const PaginationCompose = ({
@@ -45,7 +45,7 @@ const PaginationCompose = ({
     onPrevPage: onPrevPage ?? (() => onPageChange(pageIndex - 1)),
     onLastPage: onLastPage ?? (() => onPageChange(pageCount - 1))
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_context.PaginationContextProvider, {
+  return jsxRuntime.jsx(Pagination_context.PaginationContextProvider, {
     value: context,
     children
   });

package/dist/Pagination/components/Compose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useId } from "../../node_modules/@radix-ui/react-id/dist/index.js";
 import { PaginationContextProvider } from "../Pagination.context.js";
 const PaginationCompose = ({
@@ -43,7 +43,7 @@ const PaginationCompose = ({
     onPrevPage: onPrevPage ?? (() => onPageChange(pageIndex - 1)),
     onLastPage: onLastPage ?? (() => onPageChange(pageCount - 1))
   };
-  return jsxRuntimeExports.jsx(PaginationContextProvider, {
+  return jsx(PaginationContextProvider, {
     value: context,
     children
   });

package/dist/Pagination/components/InfoLabel.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 Pagination_context = require("../Pagination.context.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const InfoLabel = ({
   renderer,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+}) => jsxRuntime.jsx(Typography.default.Body, {
   size: "auto",
   ...restProps,
   children: renderer(Pagination_context.usePaginationContext())

package/dist/Pagination/components/InfoLabel.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { usePaginationContext } from "../Pagination.context.js";
 import Typography from "../../Typography/Typography.js";
 const InfoLabel = ({
   renderer,
   ...restProps
-}) => jsxRuntimeExports.jsx(Typography.Body, {
+}) => jsx(Typography.Body, {
   size: "auto",
   ...restProps,
   children: renderer(usePaginationContext())

package/dist/Pagination/components/NavigationButton.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const Pagination_context = require("../Pagination.context.cjs");
 const IconButton = require("../../Button/IconButton/IconButton.cjs");
@@ -9,7 +9,7 @@ const PrevPageButton = (props) => {
     getCanGoPrevPage,
     onPrevPage
   } = Pagination_context.usePaginationContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+  return jsxRuntime.jsx(IconButton.default, {
     onClick: onPrevPage,
     disabled: !getCanGoPrevPage(),
     icon: redisUiIcons.ChevronLeftIcon,
@@ -23,7 +23,7 @@ const NextPageButton = (props) => {
     getCanGoNextPage,
     onNextPage
   } = Pagination_context.usePaginationContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+  return jsxRuntime.jsx(IconButton.default, {
     onClick: onNextPage,
     disabled: !getCanGoNextPage(),
     icon: redisUiIcons.ChevronRightIcon,
@@ -37,7 +37,7 @@ const FirstPageButton = (props) => {
     getCanGoPrevPage,
     onFirstPage
   } = Pagination_context.usePaginationContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+  return jsxRuntime.jsx(IconButton.default, {
     onClick: onFirstPage,
     disabled: !getCanGoPrevPage(),
     icon: redisUiIcons.DoubleChevronLeftIcon,
@@ -51,7 +51,7 @@ const LastPageButton = (props) => {
     getCanGoNextPage,
     onLastPage
   } = Pagination_context.usePaginationContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+  return jsxRuntime.jsx(IconButton.default, {
     onClick: onLastPage,
     disabled: !getCanGoNextPage(),
     icon: redisUiIcons.DoubleChevronRightIcon,
@@ -71,7 +71,7 @@ const NavigationButton = ({
   ...restProps
 }) => {
   const Button = buttons[navType];
-  return jsxRuntime.jsxRuntimeExports.jsx(Button, {
+  return jsxRuntime.jsx(Button, {
     ...restProps
   });
 };

package/dist/Pagination/components/NavigationButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, DoubleChevronLeftIcon, DoubleChevronRightIcon } from "@redislabsdev/redis-ui-icons";
 import { usePaginationContext } from "../Pagination.context.js";
 import IconButton from "../../Button/IconButton/IconButton.js";
@@ -7,7 +7,7 @@ const PrevPageButton = (props) => {
     getCanGoPrevPage,
     onPrevPage
   } = usePaginationContext();
-  return jsxRuntimeExports.jsx(IconButton, {
+  return jsx(IconButton, {
     onClick: onPrevPage,
     disabled: !getCanGoPrevPage(),
     icon: ChevronLeftIcon,
@@ -21,7 +21,7 @@ const NextPageButton = (props) => {
     getCanGoNextPage,
     onNextPage
   } = usePaginationContext();
-  return jsxRuntimeExports.jsx(IconButton, {
+  return jsx(IconButton, {
     onClick: onNextPage,
     disabled: !getCanGoNextPage(),
     icon: ChevronRightIcon,
@@ -35,7 +35,7 @@ const FirstPageButton = (props) => {
     getCanGoPrevPage,
     onFirstPage
   } = usePaginationContext();
-  return jsxRuntimeExports.jsx(IconButton, {
+  return jsx(IconButton, {
     onClick: onFirstPage,
     disabled: !getCanGoPrevPage(),
     icon: DoubleChevronLeftIcon,
@@ -49,7 +49,7 @@ const LastPageButton = (props) => {
     getCanGoNextPage,
     onLastPage
   } = usePaginationContext();
-  return jsxRuntimeExports.jsx(IconButton, {
+  return jsx(IconButton, {
     onClick: onLastPage,
     disabled: !getCanGoNextPage(),
     icon: DoubleChevronRightIcon,
@@ -69,7 +69,7 @@ const NavigationButton = ({
   ...restProps
 }) => {
   const Button = buttons[navType];
-  return jsxRuntimeExports.jsx(Button, {
+  return jsx(Button, {
     ...restProps
   });
 };

package/dist/Pagination/components/PageSelect.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 Pagination_context = require("../Pagination.context.cjs");
 const Pagination_style = require("../Pagination.style.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -17,7 +17,7 @@ const PageSelect = ({
     onPageChange,
     getCanSelectPage
   } = Pagination_context.usePaginationContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Select, {
+  return jsxRuntime.jsx(Pagination_style.Select, {
     id: pageSelectorId,
     "aria-current": "page",
     ...restProps,
@@ -36,12 +36,12 @@ const PageSelectLabel = ({
   const {
     pageSelectorId
   } = Pagination_context.usePaginationContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  return jsxRuntime.jsx(Typography.default.Body, {
     component: "span",
     size: "auto",
     ellipsis: true,
     ...restProps,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Label, {
+    children: jsxRuntime.jsx(Pagination_style.Label, {
       htmlFor: pageSelectorId,
       children
     })

package/dist/Pagination/components/PageSelect.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { usePaginationContext } from "../Pagination.context.js";
 import { Select, Label } from "../Pagination.style.js";
 import Typography from "../../Typography/Typography.js";
@@ -15,7 +15,7 @@ const PageSelect = ({
     onPageChange,
     getCanSelectPage
   } = usePaginationContext();
-  return jsxRuntimeExports.jsx(Select, {
+  return jsx(Select, {
     id: pageSelectorId,
     "aria-current": "page",
     ...restProps,
@@ -34,12 +34,12 @@ const PageSelectLabel = ({
   const {
     pageSelectorId
   } = usePaginationContext();
-  return jsxRuntimeExports.jsx(Typography.Body, {
+  return jsx(Typography.Body, {
     component: "span",
     size: "auto",
     ellipsis: true,
     ...restProps,
-    children: jsxRuntimeExports.jsx(Label, {
+    children: jsx(Label, {
       htmlFor: pageSelectorId,
       children
     })

package/dist/Pagination/components/PageSizeSelect.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 Pagination_context = require("../Pagination.context.cjs");
 const Pagination_style = require("../Pagination.style.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -20,7 +20,7 @@ const PageSizeSelect = ({
     return null;
   }
   const sizes = (pageSizes.includes(pageSize) ? pageSizes : [...pageSizes, pageSize]).sort((a, b) => a - b);
-  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Select, {
+  return jsxRuntime.jsx(Pagination_style.Select, {
     id: pageSizeSelectorId,
     ...restProps,
     value: pageSize.toString(),
@@ -42,12 +42,12 @@ const PageSizeSelectLabel = ({
   if (!onPageSizeChange) {
     return null;
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  return jsxRuntime.jsx(Typography.default.Body, {
     component: "span",
     size: "auto",
     ellipsis: true,
     ...restProps,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Label, {
+    children: jsxRuntime.jsx(Pagination_style.Label, {
       htmlFor: pageSizeSelectorId,
       children
     })

package/dist/Pagination/components/PageSizeSelect.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { usePaginationContext } from "../Pagination.context.js";
 import { Select, Label } from "../Pagination.style.js";
 import Typography from "../../Typography/Typography.js";
@@ -18,7 +18,7 @@ const PageSizeSelect = ({
     return null;
   }
   const sizes = (pageSizes.includes(pageSize) ? pageSizes : [...pageSizes, pageSize]).sort((a, b) => a - b);
-  return jsxRuntimeExports.jsx(Select, {
+  return jsx(Select, {
     id: pageSizeSelectorId,
     ...restProps,
     value: pageSize.toString(),
@@ -40,12 +40,12 @@ const PageSizeSelectLabel = ({
   if (!onPageSizeChange) {
     return null;
   }
-  return jsxRuntimeExports.jsx(Typography.Body, {
+  return jsx(Typography.Body, {
     component: "span",
     size: "auto",
     ellipsis: true,
     ...restProps,
-    children: jsxRuntimeExports.jsx(Label, {
+    children: jsx(Label, {
       htmlFor: pageSizeSelectorId,
       children
     })

package/dist/Popover/Popover.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 Trigger = require("./components/Trigger/Trigger.cjs");
 const Content = require("./components/Content/Content.cjs");
@@ -15,15 +15,15 @@ const Popover = Object.assign(({
   disabled,
   withButton,
   ...contentProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Popover.Compose, {
+}) => jsxRuntime.jsxs(Popover.Compose, {
   open,
   defaultOpen,
   onOpenChange,
   disabled,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Popover.Trigger, {
+  children: [jsxRuntime.jsx(Popover.Trigger, {
     withButton,
     children
-  }), jsxRuntime.jsxRuntimeExports.jsx(Popover.Content, {
+  }), jsxRuntime.jsx(Popover.Content, {
     ...contentProps
   })]
 }), {

package/dist/Popover/Popover.context.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 TriggerRef_context = require("../Helpers/contexts/Popper/TriggerRef.context.cjs");
 const PopperCollisionBoundaryManager = require("../Helpers/contexts/Popper/PopperCollisionBoundaryManager.cjs");
 const PopoverProvider = ({
   children
-}) => jsxRuntime.jsxRuntimeExports.jsx(TriggerRef_context.TriggerRefProvider, {
-  children: jsxRuntime.jsxRuntimeExports.jsx(PopperCollisionBoundaryManager.PopperCollisionBoundaryManager, {
+}) => jsxRuntime.jsx(TriggerRef_context.TriggerRefProvider, {
+  children: jsxRuntime.jsx(PopperCollisionBoundaryManager.PopperCollisionBoundaryManager, {
     children
   })
 });

package/dist/Popover/Popover.context.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { TriggerRefProvider } from "../Helpers/contexts/Popper/TriggerRef.context.js";
 import { PopperCollisionBoundaryManager } from "../Helpers/contexts/Popper/PopperCollisionBoundaryManager.js";
 const PopoverProvider = ({
   children
-}) => jsxRuntimeExports.jsx(TriggerRefProvider, {
-  children: jsxRuntimeExports.jsx(PopperCollisionBoundaryManager, {
+}) => jsx(TriggerRefProvider, {
+  children: jsx(PopperCollisionBoundaryManager, {
     children
   })
 });