@redis-ui/components 44.0.2 → 44.1.0

package/dist/Tabs/components/TabBar/components/Trigger/components/Tab/Tab.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 Tab_style = require("./Tab.style.cjs");
 const Typography = require("../../../../../../../Typography/Typography.cjs");
 const Tab = ({
   children,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Tab_style.TabsTriggerTab, {
+}) => jsxRuntime.jsx(Tab_style.TabsTriggerTab, {
   ...restProps,
-  children: typeof children === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  children: typeof children === "string" ? jsxRuntime.jsx(Typography.default.Body, {
     style: {
       fontWeight: "inherit"
     },

package/dist/Tabs/components/TabBar/components/Trigger/components/Tab/Tab.js

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { TabsTriggerTab } from "./Tab.style.js";
 import Typography from "../../../../../../../Typography/Typography.js";
 const Tab = ({
   children,
   ...restProps
-}) => jsxRuntimeExports.jsx(TabsTriggerTab, {
+}) => jsx(TabsTriggerTab, {
   ...restProps,
-  children: typeof children === "string" ? jsxRuntimeExports.jsx(Typography.Body, {
+  children: typeof children === "string" ? jsx(Typography.Body, {
     style: {
       fontWeight: "inherit"
     },

package/dist/ThemeModeSwitch/ThemeModeSwitch.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 ThemeModeSwitch_style = require("./ThemeModeSwitch.style.cjs");
 const useThemeModeSwitch = require("./useThemeModeSwitch.cjs");
@@ -21,7 +21,7 @@ const ThemeModeSwitch = ({
   });
   const [ready, setReady] = React.useState(false);
   React.useEffect(() => setReady(true), []);
-  const modeSwitch = jsxRuntime.jsxRuntimeExports.jsx(ThemeModeSwitch_style.ThemeModeSwitch, {
+  const modeSwitch = jsxRuntime.jsx(ThemeModeSwitch_style.ThemeModeSwitch, {
     "data-theme-mode": themeMode,
     "aria-label": `Theme mode switch. Current theme mode is ${themeMode || "unknown"}`,
     ...restProps,
@@ -32,26 +32,26 @@ const ThemeModeSwitch = ({
       e.currentTarget.focus();
       e.preventDefault();
     } : void 0,
-    children: jsxRuntime.jsxRuntimeExports.jsx(ThemeModeSwitch_style.Knob, {
+    children: jsxRuntime.jsx(ThemeModeSwitch_style.Knob, {
       "data-theme-mode": themeMode
     })
   });
   if (allowSystemThemeMode) {
-    return jsxRuntime.jsxRuntimeExports.jsxs(Menu.default, {
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Trigger, {
+    return jsxRuntime.jsxs(Menu.default, {
+      children: [jsxRuntime.jsx(Menu.default.Trigger, {
         children: modeSwitch
-      }), jsxRuntime.jsxRuntimeExports.jsxs(Menu.default.Content, {
+      }), jsxRuntime.jsxs(Menu.default.Content, {
         placement: "bottom",
         align: "center",
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Content.Item, {
+        children: [jsxRuntime.jsx(Menu.default.Content.Item, {
           text: "Light theme",
           selected: themeMode === "light",
           onClick: () => setThemeMode("light")
-        }), jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Content.Item, {
+        }), jsxRuntime.jsx(Menu.default.Content.Item, {
           text: "Dark theme",
           selected: themeMode === "dark",
           onClick: () => setThemeMode("dark")
-        }), jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Content.Item, {
+        }), jsxRuntime.jsx(Menu.default.Content.Item, {
           text: "Browser theme",
           selected: themeMode === "system",
           onClick: () => setThemeMode("system")

package/dist/ThemeModeSwitch/ThemeModeSwitch.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { ThemeModeSwitch as ThemeModeSwitch$1, Knob } from "./ThemeModeSwitch.style.js";
 import { useThemeModeSwitch } from "./useThemeModeSwitch.js";
@@ -19,7 +19,7 @@ const ThemeModeSwitch = ({
   });
   const [ready, setReady] = useState(false);
   useEffect(() => setReady(true), []);
-  const modeSwitch = jsxRuntimeExports.jsx(ThemeModeSwitch$1, {
+  const modeSwitch = jsx(ThemeModeSwitch$1, {
     "data-theme-mode": themeMode,
     "aria-label": `Theme mode switch. Current theme mode is ${themeMode || "unknown"}`,
     ...restProps,
@@ -30,26 +30,26 @@ const ThemeModeSwitch = ({
       e.currentTarget.focus();
       e.preventDefault();
     } : void 0,
-    children: jsxRuntimeExports.jsx(Knob, {
+    children: jsx(Knob, {
       "data-theme-mode": themeMode
     })
   });
   if (allowSystemThemeMode) {
-    return jsxRuntimeExports.jsxs(Menu, {
-      children: [jsxRuntimeExports.jsx(Menu.Trigger, {
+    return jsxs(Menu, {
+      children: [jsx(Menu.Trigger, {
         children: modeSwitch
-      }), jsxRuntimeExports.jsxs(Menu.Content, {
+      }), jsxs(Menu.Content, {
         placement: "bottom",
         align: "center",
-        children: [jsxRuntimeExports.jsx(Menu.Content.Item, {
+        children: [jsx(Menu.Content.Item, {
           text: "Light theme",
           selected: themeMode === "light",
           onClick: () => setThemeMode("light")
-        }), jsxRuntimeExports.jsx(Menu.Content.Item, {
+        }), jsx(Menu.Content.Item, {
           text: "Dark theme",
           selected: themeMode === "dark",
           onClick: () => setThemeMode("dark")
-        }), jsxRuntimeExports.jsx(Menu.Content.Item, {
+        }), jsx(Menu.Content.Item, {
           text: "Browser theme",
           selected: themeMode === "system",
           onClick: () => setThemeMode("system")

package/dist/Toast/Toast.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 = require("./components/Icon/Icon.cjs");
 const CloseButton = require("./components/CloseButton/CloseButton.cjs");
 const Actions = require("./components/Actions/Actions.cjs");
@@ -16,16 +16,16 @@ const Toast = Object.assign(({
   showIcon = true,
   showCloseButton = true,
   ...props
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Toast.Compose, {
+}) => jsxRuntime.jsxs(Toast.Compose, {
   ...props,
-  children: [showIcon && jsxRuntime.jsxRuntimeExports.jsx(Toast.Icon, {
+  children: [showIcon && jsxRuntime.jsx(Toast.Icon, {
     icon: customIcon
-  }), jsxRuntime.jsxRuntimeExports.jsx(Toast.Content, {
+  }), jsxRuntime.jsx(Toast.Content, {
     message,
     description
-  }), jsxRuntime.jsxRuntimeExports.jsx(Toast.Actions, {
+  }), jsxRuntime.jsx(Toast.Actions, {
     ...actions
-  }), showCloseButton && jsxRuntime.jsxRuntimeExports.jsx(Toast.CloseButton, {})]
+  }), showCloseButton && jsxRuntime.jsx(Toast.CloseButton, {})]
 }), {
   Compose: Compose.default,
   Icon: Icon.default,

package/dist/Toast/Toast.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Icon from "./components/Icon/Icon.js";
 import CloseButton from "./components/CloseButton/CloseButton.js";
 import Actions from "./components/Actions/Actions.js";
@@ -14,16 +14,16 @@ const Toast = Object.assign(({
   showIcon = true,
   showCloseButton = true,
   ...props
-}) => jsxRuntimeExports.jsxs(Toast.Compose, {
+}) => jsxs(Toast.Compose, {
   ...props,
-  children: [showIcon && jsxRuntimeExports.jsx(Toast.Icon, {
+  children: [showIcon && jsx(Toast.Icon, {
     icon: customIcon
-  }), jsxRuntimeExports.jsx(Toast.Content, {
+  }), jsx(Toast.Content, {
     message,
     description
-  }), jsxRuntimeExports.jsx(Toast.Actions, {
+  }), jsx(Toast.Actions, {
     ...actions
-  }), showCloseButton && jsxRuntimeExports.jsx(Toast.CloseButton, {})]
+  }), showCloseButton && jsx(Toast.CloseButton, {})]
 }), {
   Compose,
   Icon,

package/dist/Toast/Toaster.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 redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const ReducedMotionTransition = require("./components/ReducedMotionTransition/ReducedMotionTransition.cjs");
@@ -25,7 +25,7 @@ const Toaster = React.forwardRef((props, ref) => {
     transition: ReducedMotionTransition.default,
     style: getReducedMotionStyle(style, autoClose)
   } : void 0;
-  return jsxRuntime.jsxRuntimeExports.jsx(Toaster_style.ToasterContainer, {
+  return jsxRuntime.jsx(Toaster_style.ToasterContainer, {
     ref,
     autoClose,
     style: prefersReducedMotion ? void 0 : style,

package/dist/Toast/Toaster.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 { usePrefersReducedMotion } from "@redislabsdev/redis-ui-styles";
 import ReducedMotionTransition from "./components/ReducedMotionTransition/ReducedMotionTransition.js";
@@ -23,7 +23,7 @@ const Toaster = forwardRef((props, ref) => {
     transition: ReducedMotionTransition,
     style: getReducedMotionStyle(style, autoClose)
   } : void 0;
-  return jsxRuntimeExports.jsx(ToasterContainer, {
+  return jsx(ToasterContainer, {
     ref,
     autoClose,
     style: prefersReducedMotion ? void 0 : style,

package/dist/Toast/components/Actions/Actions.cjs

@@ -1,18 +1,18 @@
 "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 Action = require("./components/Action/Action.cjs");
 const Actions = Object.assign(({
   primary,
   secondary,
   ...props
-}) => primary || secondary ? jsxRuntime.jsxRuntimeExports.jsxs(Actions.Compose, {
+}) => primary || secondary ? jsxRuntime.jsxs(Actions.Compose, {
   ...props,
-  children: [primary && jsxRuntime.jsxRuntimeExports.jsx(Actions.Action, {
+  children: [primary && jsxRuntime.jsx(Actions.Action, {
     ...primary,
     variant: "primary"
-  }), secondary && jsxRuntime.jsxRuntimeExports.jsx(Actions.Action, {
+  }), secondary && jsxRuntime.jsx(Actions.Action, {
     ...secondary,
     variant: "secondary"
   })]

package/dist/Toast/components/Actions/Actions.js

@@ -1,16 +1,16 @@
-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 Action from "./components/Action/Action.js";
 const Actions = Object.assign(({
   primary,
   secondary,
   ...props
-}) => primary || secondary ? jsxRuntimeExports.jsxs(Actions.Compose, {
+}) => primary || secondary ? jsxs(Actions.Compose, {
   ...props,
-  children: [primary && jsxRuntimeExports.jsx(Actions.Action, {
+  children: [primary && jsx(Actions.Action, {
     ...primary,
     variant: "primary"
-  }), secondary && jsxRuntimeExports.jsx(Actions.Action, {
+  }), secondary && jsx(Actions.Action, {
     ...secondary,
     variant: "secondary"
   })]

package/dist/Toast/components/Actions/components/Action/Action.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 context = require("../../../../core/context.cjs");
 const SemanticButton = require("../../../../../Banner/components/BannerSemanticComponents/SemanticButton/SemanticButton.cjs");
 const Action = ({
@@ -15,7 +15,7 @@ const Action = ({
     closeToast: onClose,
     variant: semanticVariant
   } = context.useToastParams();
-  return jsxRuntime.jsxRuntimeExports.jsxs(SemanticButton.default, {
+  return jsxRuntime.jsxs(SemanticButton.default, {
     "data-role": "toast-action-button",
     semanticVariant,
     outlineVariant: variant,
@@ -28,7 +28,7 @@ const Action = ({
     },
     size: "M",
     ...restProps,
-    children: [icon && jsxRuntime.jsxRuntimeExports.jsx(SemanticButton.default.Icon, {
+    children: [icon && jsxRuntime.jsx(SemanticButton.default.Icon, {
       icon
     }), label]
   });

package/dist/Toast/components/Actions/components/Action/Action.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useToastParams } from "../../../../core/context.js";
 import SemanticButton from "../../../../../Banner/components/BannerSemanticComponents/SemanticButton/SemanticButton.js";
 const Action = ({
@@ -13,7 +13,7 @@ const Action = ({
     closeToast: onClose,
     variant: semanticVariant
   } = useToastParams();
-  return jsxRuntimeExports.jsxs(SemanticButton, {
+  return jsxs(SemanticButton, {
     "data-role": "toast-action-button",
     semanticVariant,
     outlineVariant: variant,
@@ -26,7 +26,7 @@ const Action = ({
     },
     size: "M",
     ...restProps,
-    children: [icon && jsxRuntimeExports.jsx(SemanticButton.Icon, {
+    children: [icon && jsx(SemanticButton.Icon, {
       icon
     }), label]
   });

package/dist/Toast/components/Actions/components/Compose/Compose.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 Compose_style = require("./Compose.style.cjs");
-const Compose = (props) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.ActionsComposeContainer, {
+const Compose = (props) => jsxRuntime.jsx(Compose_style.ActionsComposeContainer, {
   ...props
 });
 exports.default = Compose;

package/dist/Toast/components/Actions/components/Compose/Compose.js

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

package/dist/Toast/components/CloseButton/CloseButton.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 context = require("../../core/context.cjs");
 const CloseButton_style = require("./CloseButton.style.cjs");
@@ -10,7 +10,7 @@ const CloseButton = ({
   ...props
 }) => {
   const context$1 = context.useToastParams();
-  return jsxRuntime.jsxRuntimeExports.jsx(CloseButton_style.CloseButton, {
+  return jsxRuntime.jsx(CloseButton_style.CloseButton, {
     onClick: (e) => {
       var _a;
       e.stopPropagation();
@@ -18,7 +18,7 @@ const CloseButton = ({
       (_a = context$1.closeToast) == null ? void 0 : _a.call(context$1);
     },
     ...props,
-    children: children || jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.CancelIcon, {
+    children: children || jsxRuntime.jsx(redisUiIcons.CancelIcon, {
       size: "S",
       customColor: "currentColor",
       "aria-hidden": true

package/dist/Toast/components/CloseButton/CloseButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { CancelIcon } from "@redislabsdev/redis-ui-icons";
 import { useToastParams } from "../../core/context.js";
 import { CloseButton as CloseButton$1 } from "./CloseButton.style.js";
@@ -8,7 +8,7 @@ const CloseButton = ({
   ...props
 }) => {
   const context = useToastParams();
-  return jsxRuntimeExports.jsx(CloseButton$1, {
+  return jsx(CloseButton$1, {
     onClick: (e) => {
       var _a;
       e.stopPropagation();
@@ -16,7 +16,7 @@ const CloseButton = ({
       (_a = context.closeToast) == null ? void 0 : _a.call(context);
     },
     ...props,
-    children: children || jsxRuntimeExports.jsx(CancelIcon, {
+    children: children || jsx(CancelIcon, {
       size: "S",
       customColor: "currentColor",
       "aria-hidden": true

package/dist/Toast/components/Compose/Compose.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 context = require("../../core/context.cjs");
 const Compose_style = require("./Compose.style.cjs");
-const Compose = (props) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.ToastComposeContainer, {
+const Compose = (props) => jsxRuntime.jsx(Compose_style.ToastComposeContainer, {
   "data-role": "toast",
   variant: context.useToastParams().variant,
   size: "M",

package/dist/Toast/components/Compose/Compose.js

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useToastParams } from "../../core/context.js";
 import { ToastComposeContainer } from "./Compose.style.js";
-const Compose = (props) => jsxRuntimeExports.jsx(ToastComposeContainer, {
+const Compose = (props) => jsx(ToastComposeContainer, {
   "data-role": "toast",
   variant: useToastParams().variant,
   size: "M",

package/dist/Toast/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 Compose = require("./components/Compose/Compose.cjs");
 const Message = require("./components/Message/Message.cjs");
 const Description = require("./components/Description/Description.cjs");
@@ -8,11 +8,11 @@ const Content = Object.assign(({
   message,
   description,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Content.Compose, {
+}) => jsxRuntime.jsxs(Content.Compose, {
   ...restProps,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Content.Message, {
+  children: [jsxRuntime.jsx(Content.Message, {
     children: message
-  }), jsxRuntime.jsxRuntimeExports.jsx(Content.Description, {
+  }), jsxRuntime.jsx(Content.Description, {
     children: description
   })]
 }), {

package/dist/Toast/components/Content/Content.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 Message from "./components/Message/Message.js";
 import Description from "./components/Description/Description.js";
@@ -6,11 +6,11 @@ const Content = Object.assign(({
   message,
   description,
   ...restProps
-}) => jsxRuntimeExports.jsxs(Content.Compose, {
+}) => jsxs(Content.Compose, {
   ...restProps,
-  children: [jsxRuntimeExports.jsx(Content.Message, {
+  children: [jsx(Content.Message, {
     children: message
-  }), jsxRuntimeExports.jsx(Content.Description, {
+  }), jsx(Content.Description, {
     children: description
   })]
 }), {

package/dist/Toast/components/Content/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 context = require("../../../../core/context.cjs");
 const Compose_style = require("./Compose.style.cjs");
 const Compose = (props) => {
@@ -11,7 +11,7 @@ const Compose = (props) => {
     "aria-live": "polite",
     "aria-atomic": true
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.Container, {
+  return jsxRuntime.jsx(Compose_style.Container, {
     role: liveRole,
     ...liveProps,
     ...props

package/dist/Toast/components/Content/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 { useToastParams } from "../../../../core/context.js";
 import { Container } from "./Compose.style.js";
 const Compose = (props) => {
@@ -9,7 +9,7 @@ const Compose = (props) => {
     "aria-live": "polite",
     "aria-atomic": true
   };
-  return jsxRuntimeExports.jsx(Container, {
+  return jsx(Container, {
     role: liveRole,
     ...liveProps,
     ...props

package/dist/Toast/components/Content/components/Description/Description.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 Description_style = require("./Description.style.cjs");
 const Description = ({
   children,
   ...restProps
-}) => children ? jsxRuntime.jsxRuntimeExports.jsx(Description_style.ToastDescription, {
+}) => children ? jsxRuntime.jsx(Description_style.ToastDescription, {
   "data-role": "toast-description",
   ...restProps,
   children

package/dist/Toast/components/Content/components/Description/Description.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ToastDescription } from "./Description.style.js";
 const Description = ({
   children,
   ...restProps
-}) => children ? jsxRuntimeExports.jsx(ToastDescription, {
+}) => children ? jsx(ToastDescription, {
   "data-role": "toast-description",
   ...restProps,
   children

package/dist/Toast/components/Content/components/Message/Message.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 Message_style = require("./Message.style.cjs");
 const Message = ({
   children,
   ...restProps
-}) => children ? jsxRuntime.jsxRuntimeExports.jsx(Message_style.ToastMessage, {
+}) => children ? jsxRuntime.jsx(Message_style.ToastMessage, {
   "data-role": "toast-message",
   variant: "semiBold",
   ...restProps,

package/dist/Toast/components/Content/components/Message/Message.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ToastMessage } from "./Message.style.js";
 const Message = ({
   children,
   ...restProps
-}) => children ? jsxRuntimeExports.jsx(ToastMessage, {
+}) => children ? jsx(ToastMessage, {
   "data-role": "toast-message",
   variant: "semiBold",
   ...restProps,

package/dist/Toast/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 context = require("../../core/context.cjs");
 const Icon_style = require("./Icon.style.cjs");
 const Icon = ({
@@ -11,7 +11,7 @@ const Icon = ({
   const {
     variant
   } = context.useToastParams();
-  return jsxRuntime.jsxRuntimeExports.jsx(Icon_style.ToastIconContainer, {
+  return jsxRuntime.jsx(Icon_style.ToastIconContainer, {
     customIcon: icon,
     variant,
     size,

package/dist/Toast/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 { useToastParams } from "../../core/context.js";
 import { ToastIconContainer } from "./Icon.style.js";
 const Icon = ({
@@ -9,7 +9,7 @@ const Icon = ({
   const {
     variant
   } = useToastParams();
-  return jsxRuntimeExports.jsx(ToastIconContainer, {
+  return jsx(ToastIconContainer, {
     customIcon: icon,
     variant,
     size,

package/dist/Toast/components/ReducedMotionTransition/ReducedMotionTransition.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 ReducedMotionTransition = ({
   children,
@@ -15,7 +15,7 @@ const ReducedMotionTransition = ({
     }
     done();
   }, [done, isIn, playToast]);
-  return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children
   });
 };

package/dist/Toast/components/ReducedMotionTransition/ReducedMotionTransition.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { useLayoutEffect } from "react";
 const ReducedMotionTransition = ({
   children,
@@ -13,7 +13,7 @@ const ReducedMotionTransition = ({
     }
     done();
   }, [done, isIn, playToast]);
-  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return jsx(Fragment, {
     children
   });
 };