@redis-ui/components 44.0.2 → 44.1.0

package/dist/Button/CopyToClipboardButton/CopyToClipboardButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect, useCallback } from "react";
 import { ToastCheckIcon, CopyIcon } from "@redislabsdev/redis-ui-icons";
 import { CopyToClipboardWrapper, CopyToClipboardButton as CopyToClipboardButton$2, CopiedLabel } from "./CopyToClipboardButton.style.js";
@@ -31,22 +31,22 @@ const CopyToClipboardButton = React__default.forwardRef(({
     }
   }, [textToCopy]);
   const ariaLabel = isCopied && copiedLabel ? copiedLabel : restProps["aria-label"] || "Copy";
-  return jsxRuntimeExports.jsxs(CopyToClipboardWrapper, {
-    children: [jsxRuntimeExports.jsx(CopyToClipboardButton$2, {
+  return jsxs(CopyToClipboardWrapper, {
+    children: [jsx(CopyToClipboardButton$2, {
       type: "button",
       ref,
       onClick: handleClick,
       "$isCopied": isCopied,
       ...restProps,
       "aria-label": ariaLabel,
-      children: isCopied ? jsxRuntimeExports.jsx(ToastCheckIcon, {
+      children: isCopied ? jsx(ToastCheckIcon, {
         size: "L",
         "aria-hidden": true
-      }) : jsxRuntimeExports.jsx(CopyIcon, {
+      }) : jsx(CopyIcon, {
         size: "L",
         "aria-hidden": true
       })
-    }), isCopied && copiedLabel && jsxRuntimeExports.jsx(CopiedLabel, {
+    }), isCopied && copiedLabel && jsx(CopiedLabel, {
       children: copiedLabel
     })]
   });

package/dist/Button/IconButton/IconButton.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 IconButton_style = require("./IconButton.style.cjs");
 const Icon = require("../components/Icon/Icon.cjs");
@@ -12,14 +12,14 @@ const IconButton = React__default.default.forwardRef(({
   size = "M",
   ...restProps
 }, ref) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Button_context.ButtonContext.Provider, {
+  return jsxRuntime.jsx(Button_context.ButtonContext.Provider, {
     value: "icon",
-    children: jsxRuntime.jsxRuntimeExports.jsx(IconButton_style.IconButton, {
+    children: jsxRuntime.jsx(IconButton_style.IconButton, {
       type: "button",
       size,
       ref,
       ...restProps,
-      children: jsxRuntime.jsxRuntimeExports.jsx(Icon.default, {
+      children: jsxRuntime.jsx(Icon.default, {
         icon,
         customSize: "100%"
       })

package/dist/Button/IconButton/IconButton.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 { IconButton as IconButton$2 } from "./IconButton.style.js";
 import Icon from "../components/Icon/Icon.js";
@@ -8,14 +8,14 @@ const IconButton = React__default.forwardRef(({
   size = "M",
   ...restProps
 }, ref) => {
-  return jsxRuntimeExports.jsx(ButtonContext.Provider, {
+  return jsx(ButtonContext.Provider, {
     value: "icon",
-    children: jsxRuntimeExports.jsx(IconButton$2, {
+    children: jsx(IconButton$2, {
       type: "button",
       size,
       ref,
       ...restProps,
-      children: jsxRuntimeExports.jsx(Icon, {
+      children: jsx(Icon, {
         icon,
         customSize: "100%"
       })

package/dist/Button/TextButton/TextButton.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 TextButton_style = require("./TextButton.style.cjs");
 const Button_context = require("../Button.context.cjs");
@@ -12,9 +12,9 @@ const TextButton = React__default.default.forwardRef(({
   children,
   ...restProps
 }, ref) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Button_context.ButtonContext.Provider, {
+  return jsxRuntime.jsx(Button_context.ButtonContext.Provider, {
     value: size,
-    children: jsxRuntime.jsxRuntimeExports.jsx(TextButton_style.TextButton, {
+    children: jsxRuntime.jsx(TextButton_style.TextButton, {
       type: "button",
       variant,
       size,

package/dist/Button/TextButton/TextButton.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 { TextButton as TextButton$2 } from "./TextButton.style.js";
 import { ButtonContext } from "../Button.context.js";
@@ -8,9 +8,9 @@ const TextButton = React__default.forwardRef(({
   children,
   ...restProps
 }, ref) => {
-  return jsxRuntimeExports.jsx(ButtonContext.Provider, {
+  return jsx(ButtonContext.Provider, {
     value: size,
-    children: jsxRuntimeExports.jsx(TextButton$2, {
+    children: jsx(TextButton$2, {
       type: "button",
       variant,
       size,

package/dist/Button/ToggleButton/ToggleButton.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-toggle/dist/index.cjs");
 const Button_context = require("../Button.context.cjs");
@@ -16,14 +16,14 @@ const ToggleButton = Object.assign(React__default.default.forwardRef(({
   defaultPressed,
   ...restProps
 }, ref) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Button_context.ButtonContext.Provider, {
+  return jsxRuntime.jsx(Button_context.ButtonContext.Provider, {
     value: "text",
-    children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, {
+    children: jsxRuntime.jsx(index.Root, {
       asChild: true,
       pressed,
       onPressedChange: onPressedChange || onClick,
       defaultPressed,
-      children: jsxRuntime.jsxRuntimeExports.jsx(ToggleButton_style.ToggleButton, {
+      children: jsxRuntime.jsx(ToggleButton_style.ToggleButton, {
         type: "button",
         ref,
         ...restProps,

package/dist/Button/ToggleButton/ToggleButton.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 { Root } from "../../node_modules/@radix-ui/react-toggle/dist/index.js";
 import { ButtonContext } from "../Button.context.js";
@@ -12,14 +12,14 @@ const ToggleButton = Object.assign(React__default.forwardRef(({
   defaultPressed,
   ...restProps
 }, ref) => {
-  return jsxRuntimeExports.jsx(ButtonContext.Provider, {
+  return jsx(ButtonContext.Provider, {
     value: "text",
-    children: jsxRuntimeExports.jsx(Root, {
+    children: jsx(Root, {
       asChild: true,
       pressed,
       onPressedChange: onPressedChange || onClick,
       defaultPressed,
-      children: jsxRuntimeExports.jsx(ToggleButton$2, {
+      children: jsx(ToggleButton$2, {
         type: "button",
         ref,
         ...restProps,

package/dist/Button/ToggleButton/components/IndicatorCount/IndicatorCount.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 IndicatorCount_style = require("./IndicatorCount.style.cjs");
 const Typography = require("../../../../Typography/Typography.cjs");
 const IndicatorCount = ({
   count,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(IndicatorCount_style.IndicatorCount, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  return jsxRuntime.jsx(IndicatorCount_style.IndicatorCount, {
+    children: jsxRuntime.jsx(Typography.default.Body, {
       size: "S",
       variant: "semiBold",
       ...restProps,

package/dist/Button/ToggleButton/components/IndicatorCount/IndicatorCount.js

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { IndicatorCount as IndicatorCount$1 } from "./IndicatorCount.style.js";
 import Typography from "../../../../Typography/Typography.js";
 const IndicatorCount = ({
   count,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(IndicatorCount$1, {
-    children: jsxRuntimeExports.jsx(Typography.Body, {
+  return jsx(IndicatorCount$1, {
+    children: jsx(Typography.Body, {
       size: "S",
       variant: "semiBold",
       ...restProps,

package/dist/Button/components/Icon/Icon.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 Icon_style = require("./Icon.style.cjs");
 const Button_context = require("../../Button.context.cjs");
 const ICON_SIZES = {
@@ -17,10 +17,10 @@ const Icon = ({
 }) => {
   const buttonContext = Button_context.useButtonContext();
   const IconElement = icon;
-  return jsxRuntime.jsxRuntimeExports.jsx(Icon_style.ButtonIconContainer, {
+  return jsxRuntime.jsx(Icon_style.ButtonIconContainer, {
     title,
     "aria-hidden": true,
-    children: jsxRuntime.jsxRuntimeExports.jsx(IconElement, {
+    children: jsxRuntime.jsx(IconElement, {
       customColor: "currentColor",
       size: ICON_SIZES[buttonContext],
       customSize,

package/dist/Button/components/Icon/Icon.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ButtonIconContainer } from "./Icon.style.js";
 import { useButtonContext } from "../../Button.context.js";
 const ICON_SIZES = {
@@ -15,10 +15,10 @@ const Icon = ({
 }) => {
   const buttonContext = useButtonContext();
   const IconElement = icon;
-  return jsxRuntimeExports.jsx(ButtonIconContainer, {
+  return jsx(ButtonIconContainer, {
     title,
     "aria-hidden": true,
-    children: jsxRuntimeExports.jsx(IconElement, {
+    children: jsx(IconElement, {
       customColor: "currentColor",
       size: ICON_SIZES[buttonContext],
       customSize,

package/dist/ButtonGroup/ButtonGroup.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const ButtonGroup_style = require("./ButtonGroup.style.cjs");
 const Button = require("./components/Button/Button.cjs");
 const Icon = require("./components/Icon/Icon.cjs");
-const ButtonGroup = Object.assign((props) => jsxRuntime.jsxRuntimeExports.jsx(ButtonGroup_style.ButtonGroupWrapper, {
+const ButtonGroup = Object.assign((props) => jsxRuntime.jsx(ButtonGroup_style.ButtonGroupWrapper, {
   ...props
 }), {
   Button: Button.Button,

package/dist/ButtonGroup/ButtonGroup.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ButtonGroupWrapper } from "./ButtonGroup.style.js";
 import { Button } from "./components/Button/Button.js";
 import { Icon } from "./components/Icon/Icon.js";
-const ButtonGroup = Object.assign((props) => jsxRuntimeExports.jsx(ButtonGroupWrapper, {
+const ButtonGroup = Object.assign((props) => jsx(ButtonGroupWrapper, {
   ...props
 }), {
   Button,

package/dist/ButtonGroup/components/Button/Button.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 Button_style = require("./Button.style.cjs");
-const Button = (props) => jsxRuntime.jsxRuntimeExports.jsx(Button_style.Button, {
+const Button = (props) => jsxRuntime.jsx(Button_style.Button, {
   type: "button",
   ...props
 });

package/dist/ButtonGroup/components/Button/Button.js

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

package/dist/ButtonGroup/components/Icon/Icon.cjs

@@ -1,13 +1,13 @@
 "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 Icon_style = require("./Icon.style.cjs");
 const Icon = ({
   icon
 }) => {
   const IconElement = icon;
-  return jsxRuntime.jsxRuntimeExports.jsx(Icon_style.ButtonIconContainer, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(IconElement, {
+  return jsxRuntime.jsx(Icon_style.ButtonIconContainer, {
+    children: jsxRuntime.jsx(IconElement, {
       customColor: "currentColor",
       size: "M"
     })

package/dist/ButtonGroup/components/Icon/Icon.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ButtonIconContainer } from "./Icon.style.js";
 const Icon = ({
   icon
 }) => {
   const IconElement = icon;
-  return jsxRuntimeExports.jsx(ButtonIconContainer, {
-    children: jsxRuntimeExports.jsx(IconElement, {
+  return jsx(ButtonIconContainer, {
+    children: jsx(IconElement, {
       customColor: "currentColor",
       size: "M"
     })

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

package/dist/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 { Card as Card$2 } from "./Card.style.js";
-const Card = (props) => jsxRuntimeExports.jsx(Card$2, {
+const Card = (props) => jsx(Card$2, {
   ...props
 });
 const Card$1 = Card;

package/dist/Checkbox/Checkbox.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Compose = require("./components/Compose/Compose.cjs");
 const Indicator = require("./components/Indicator/Indicator.cjs");
 const Label = require("./components/Label/Label.cjs");
@@ -17,7 +17,7 @@ const Checkbox = Object.assign(({
   style,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Checkbox.Compose, {
+  return jsxRuntime.jsxs(Checkbox.Compose, {
     className,
     style,
     defaultChecked,
@@ -27,9 +27,9 @@ const Checkbox = Object.assign(({
     disabled,
     id,
     variant,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Checkbox.Indicator, {
+    children: [jsxRuntime.jsx(Checkbox.Indicator, {
       ...restProps
-    }), jsxRuntime.jsxRuntimeExports.jsx(Checkbox.Label, {
+    }), jsxRuntime.jsx(Checkbox.Label, {
       children: label
     })]
   });

package/dist/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Compose from "./components/Compose/Compose.js";
 import Indicator from "./components/Indicator/Indicator.js";
 import Label from "./components/Label/Label.js";
@@ -15,7 +15,7 @@ const Checkbox = Object.assign(({
   style,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Checkbox.Compose, {
+  return jsxs(Checkbox.Compose, {
     className,
     style,
     defaultChecked,
@@ -25,9 +25,9 @@ const Checkbox = Object.assign(({
     disabled,
     id,
     variant,
-    children: [jsxRuntimeExports.jsx(Checkbox.Indicator, {
+    children: [jsx(Checkbox.Indicator, {
       ...restProps
-    }), jsxRuntimeExports.jsx(Checkbox.Label, {
+    }), jsx(Checkbox.Label, {
       children: label
     })]
   });

package/dist/Checkbox/components/Compose/Compose.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index = require("../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
 const Checkbox_context = require("../../Checkbox.context.cjs");
@@ -31,9 +31,9 @@ const Compose = ({
     required,
     variant
   }), [finalId, disabled, internalChecked, handleCheckedChange, required, variant]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Checkbox_context.CheckboxContext.Provider, {
+  return jsxRuntime.jsx(Checkbox_context.CheckboxContext.Provider, {
     value: contextValue,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.CheckboxCompose, {
+    children: jsxRuntime.jsx(Compose_style.CheckboxCompose, {
       ...restProps
     })
   });

package/dist/Checkbox/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 { CheckboxContext } from "../../Checkbox.context.js";
@@ -29,9 +29,9 @@ const Compose = ({
     required,
     variant
   }), [finalId, disabled, internalChecked, handleCheckedChange, required, variant]);
-  return jsxRuntimeExports.jsx(CheckboxContext.Provider, {
+  return jsx(CheckboxContext.Provider, {
     value: contextValue,
-    children: jsxRuntimeExports.jsx(CheckboxCompose, {
+    children: jsx(CheckboxCompose, {
       ...restProps
     })
   });

package/dist/Checkbox/components/Indicator/Indicator.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 Checkbox_context = require("../../Checkbox.context.cjs");
 const Indicator_style = require("./Indicator.style.cjs");
@@ -10,9 +10,9 @@ const Indicator = ({
 }) => {
   const checkboxRootProps = Checkbox_context.useCheckboxContext();
   const Icon = checkboxRootProps.checked === "indeterminate" ? redisUiIcons.MinusIcon : redisUiIcons.CheckBoldIcon;
-  const checkmark = jsxRuntime.jsxRuntimeExports.jsx(Indicator_style.CheckboxIndicatorCheckmark, {
+  const checkmark = jsxRuntime.jsx(Indicator_style.CheckboxIndicatorCheckmark, {
     "aria-hidden": true,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Icon, {
+    children: jsxRuntime.jsx(Icon, {
       customColor: "currentColor",
       size: "S"
     })
@@ -22,14 +22,14 @@ const Indicator = ({
     ...restProps,
     ...checkboxRootProps
   };
-  return readOnly ? jsxRuntime.jsxRuntimeExports.jsx(Indicator_style.CheckboxIndicator, {
+  return readOnly ? jsxRuntime.jsx(Indicator_style.CheckboxIndicator, {
     asChild: true,
     ...indicatorProps,
     onCheckedChange: void 0,
-    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: jsxRuntime.jsx("div", {
       children: checkmark
     })
-  }) : jsxRuntime.jsxRuntimeExports.jsx(Indicator_style.CheckboxIndicator, {
+  }) : jsxRuntime.jsx(Indicator_style.CheckboxIndicator, {
     ...indicatorProps,
     children: checkmark
   });

package/dist/Checkbox/components/Indicator/Indicator.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { MinusIcon, CheckBoldIcon } from "@redislabsdev/redis-ui-icons";
 import { useCheckboxContext } from "../../Checkbox.context.js";
 import { CheckboxIndicatorCheckmark, CheckboxIndicator } from "./Indicator.style.js";
@@ -8,9 +8,9 @@ const Indicator = ({
 }) => {
   const checkboxRootProps = useCheckboxContext();
   const Icon = checkboxRootProps.checked === "indeterminate" ? MinusIcon : CheckBoldIcon;
-  const checkmark = jsxRuntimeExports.jsx(CheckboxIndicatorCheckmark, {
+  const checkmark = jsx(CheckboxIndicatorCheckmark, {
     "aria-hidden": true,
-    children: jsxRuntimeExports.jsx(Icon, {
+    children: jsx(Icon, {
       customColor: "currentColor",
       size: "S"
     })
@@ -20,14 +20,14 @@ const Indicator = ({
     ...restProps,
     ...checkboxRootProps
   };
-  return readOnly ? jsxRuntimeExports.jsx(CheckboxIndicator, {
+  return readOnly ? jsx(CheckboxIndicator, {
     asChild: true,
     ...indicatorProps,
     onCheckedChange: void 0,
-    children: jsxRuntimeExports.jsx("div", {
+    children: jsx("div", {
       children: checkmark
     })
-  }) : jsxRuntimeExports.jsx(CheckboxIndicator, {
+  }) : jsx(CheckboxIndicator, {
     ...indicatorProps,
     children: checkmark
   });

package/dist/Checkbox/components/Label/Label.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 Label_style = require("./Label.style.cjs");
 const Checkbox_context = require("../../Checkbox.context.cjs");
 const Label = ({
@@ -12,12 +12,12 @@ const Label = ({
     checked,
     variant
   } = Checkbox_context.useCheckboxContext();
-  return children ? jsxRuntime.jsxRuntimeExports.jsx(Label_style.CheckboxLabel, {
+  return children ? jsxRuntime.jsx(Label_style.CheckboxLabel, {
     htmlFor: id,
     "$checked": checked || false,
     "$variant": variant,
     ...restProps,
-    children: typeof children === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Label_style.TypographyBody, {
+    children: typeof children === "string" ? jsxRuntime.jsx(Label_style.TypographyBody, {
       component: "span",
       tooltipOnEllipsis: true,
       children

package/dist/Checkbox/components/Label/Label.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { CheckboxLabel, TypographyBody } from "./Label.style.js";
 import { useCheckboxContext } from "../../Checkbox.context.js";
 const Label = ({
@@ -10,12 +10,12 @@ const Label = ({
     checked,
     variant
   } = useCheckboxContext();
-  return children ? jsxRuntimeExports.jsx(CheckboxLabel, {
+  return children ? jsx(CheckboxLabel, {
     htmlFor: id,
     "$checked": checked || false,
     "$variant": variant,
     ...restProps,
-    children: typeof children === "string" ? jsxRuntimeExports.jsx(TypographyBody, {
+    children: typeof children === "string" ? jsx(TypographyBody, {
       component: "span",
       tooltipOnEllipsis: true,
       children

package/dist/Chip/Chip.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 CloseButton = require("./components/CloseButton/CloseButton.cjs");
 const Title = require("./components/Title/Title.cjs");
@@ -10,11 +10,11 @@ const Chip = Object.assign(({
   closeButtonTitle,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Chip.Compose, {
+  return jsxRuntime.jsxs(Chip.Compose, {
     ...restProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Chip.Title, {
+    children: [jsxRuntime.jsx(Chip.Title, {
       children: text
-    }), jsxRuntime.jsxRuntimeExports.jsx(Chip.CloseButton, {
+    }), jsxRuntime.jsx(Chip.CloseButton, {
       onClose,
       title: closeButtonTitle
     })]

package/dist/Chip/Chip.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 { CloseButton } from "./components/CloseButton/CloseButton.js";
 import { Title } from "./components/Title/Title.js";
@@ -8,11 +8,11 @@ const Chip = Object.assign(({
   closeButtonTitle,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Chip.Compose, {
+  return jsxs(Chip.Compose, {
     ...restProps,
-    children: [jsxRuntimeExports.jsx(Chip.Title, {
+    children: [jsx(Chip.Title, {
       children: text
-    }), jsxRuntimeExports.jsx(Chip.CloseButton, {
+    }), jsx(Chip.CloseButton, {
       onClose,
       title: closeButtonTitle
     })]

package/dist/Chip/components/CloseButton/CloseButton.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 CloseButton_style = require("./CloseButton.style.cjs");
 const Chip_context = require("../../Chip.context.cjs");
@@ -26,7 +26,7 @@ const CloseButton = ({
     e.stopPropagation();
     onClose();
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(CloseButton_style.CloseButton, {
+  return jsxRuntime.jsx(CloseButton_style.CloseButton, {
     type: "button",
     role: "button",
     onClick: handleRemoveChip,
@@ -34,7 +34,7 @@ const CloseButton = ({
     "$variant": variant,
     title,
     ...restProps,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Icon, {
+    children: jsxRuntime.jsx(Icon, {
       size: sizeMapper[size],
       customColor: "currentColor",
       "aria-hidden": true