@redis-ui/components 44.0.2 → 44.1.0

package/dist/Menu/components/Trigger/Trigger.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Trigger as Trigger$1 } from "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
 import Arrow from "./components/Arrow/Arrow.js";
 import { UnstyledTriggerContainer } from "./Trigger.style.js";
@@ -10,11 +10,11 @@ const Trigger = Object.assign(({
 }) => {
   const ref = useTriggerRef();
   const disabled = useFieldDisabled();
-  return withButton ? jsxRuntimeExports.jsx(UnstyledTriggerContainer, {
+  return withButton ? jsx(UnstyledTriggerContainer, {
     ...restProps,
     disabled,
     ref
-  }) : jsxRuntimeExports.jsx(Trigger$1, {
+  }) : jsx(Trigger$1, {
     ...restProps,
     asChild: true,
     disabled,

package/dist/Menu/components/Trigger/components/Arrow/Arrow.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 Arrow_style = require("./Arrow.style.cjs");
-const Arrow = (props) => jsxRuntime.jsxRuntimeExports.jsx(Arrow_style.ArrowDownIconWrapper, {
+const Arrow = (props) => jsxRuntime.jsx(Arrow_style.ArrowDownIconWrapper, {
   size: "M",
   "aria-hidden": true,
   ...props

package/dist/Menu/components/Trigger/components/Arrow/Arrow.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ArrowDownIconWrapper } from "./Arrow.style.js";
-const Arrow = (props) => jsxRuntimeExports.jsx(ArrowDownIconWrapper, {
+const Arrow = (props) => jsx(ArrowDownIconWrapper, {
   size: "M",
   "aria-hidden": true,
   ...props

package/dist/MidBar/MidBar.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 Tabs = require("../Tabs/Tabs.cjs");
 const Header = require("./components/Header/Header.cjs");
 const MidBar = Object.assign(({
@@ -10,14 +10,14 @@ const MidBar = Object.assign(({
   endGroup,
   ...composeProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(MidBar.Compose, {
+  return jsxRuntime.jsxs(MidBar.Compose, {
     ...composeProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(MidBar.Header, {
+    children: [jsxRuntime.jsx(MidBar.Header, {
       tabs,
       startGroup,
       middleGroup,
       endGroup
-    }), !(tabs == null ? void 0 : tabs.length) ? null : jsxRuntime.jsxRuntimeExports.jsx(MidBar.ContentPane, {
+    }), !(tabs == null ? void 0 : tabs.length) ? null : jsxRuntime.jsx(MidBar.ContentPane, {
       tabs
     })]
   });

package/dist/MidBar/MidBar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Tabs from "../Tabs/Tabs.js";
 import MidBarHeader from "./components/Header/Header.js";
 const MidBar = Object.assign(({
@@ -8,14 +8,14 @@ const MidBar = Object.assign(({
   endGroup,
   ...composeProps
 }) => {
-  return jsxRuntimeExports.jsxs(MidBar.Compose, {
+  return jsxs(MidBar.Compose, {
     ...composeProps,
-    children: [jsxRuntimeExports.jsx(MidBar.Header, {
+    children: [jsx(MidBar.Header, {
       tabs,
       startGroup,
       middleGroup,
       endGroup
-    }), !(tabs == null ? void 0 : tabs.length) ? null : jsxRuntimeExports.jsx(MidBar.ContentPane, {
+    }), !(tabs == null ? void 0 : tabs.length) ? null : jsx(MidBar.ContentPane, {
       tabs
     })]
   });

package/dist/MidBar/components/Header/Header.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 Tabs = require("../../../Tabs/Tabs.cjs");
 const Group = require("./components/Group/Group.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
@@ -10,17 +10,17 @@ const MidBarHeader = Object.assign(({
   middleGroup,
   endGroup,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(MidBarHeader.Compose, {
+}) => jsxRuntime.jsxs(MidBarHeader.Compose, {
   ...restProps,
-  children: [startGroup && jsxRuntime.jsxRuntimeExports.jsx(MidBarHeader.Group, {
+  children: [startGroup && jsxRuntime.jsx(MidBarHeader.Group, {
     position: "start",
     children: startGroup
-  }), !(tabs == null ? void 0 : tabs.length) ? middleGroup && jsxRuntime.jsxRuntimeExports.jsx(MidBarHeader.Group, {
+  }), !(tabs == null ? void 0 : tabs.length) ? middleGroup && jsxRuntime.jsx(MidBarHeader.Group, {
     position: "middle",
     children: middleGroup
-  }) : jsxRuntime.jsxRuntimeExports.jsx(MidBarHeader.TabBar, {
+  }) : jsxRuntime.jsx(MidBarHeader.TabBar, {
     tabs
-  }), endGroup && jsxRuntime.jsxRuntimeExports.jsx(MidBarHeader.Group, {
+  }), endGroup && jsxRuntime.jsx(MidBarHeader.Group, {
     position: "end",
     children: endGroup
   })]

package/dist/MidBar/components/Header/Header.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Tabs from "../../../Tabs/Tabs.js";
 import MidBarHeaderGroup from "./components/Group/Group.js";
 import Compose from "./components/Compose/Compose.js";
@@ -8,17 +8,17 @@ const MidBarHeader = Object.assign(({
   middleGroup,
   endGroup,
   ...restProps
-}) => jsxRuntimeExports.jsxs(MidBarHeader.Compose, {
+}) => jsxs(MidBarHeader.Compose, {
   ...restProps,
-  children: [startGroup && jsxRuntimeExports.jsx(MidBarHeader.Group, {
+  children: [startGroup && jsx(MidBarHeader.Group, {
     position: "start",
     children: startGroup
-  }), !(tabs == null ? void 0 : tabs.length) ? middleGroup && jsxRuntimeExports.jsx(MidBarHeader.Group, {
+  }), !(tabs == null ? void 0 : tabs.length) ? middleGroup && jsx(MidBarHeader.Group, {
     position: "middle",
     children: middleGroup
-  }) : jsxRuntimeExports.jsx(MidBarHeader.TabBar, {
+  }) : jsx(MidBarHeader.TabBar, {
     tabs
-  }), endGroup && jsxRuntimeExports.jsx(MidBarHeader.Group, {
+  }), endGroup && jsx(MidBarHeader.Group, {
     position: "end",
     children: endGroup
   })]

package/dist/MidBar/components/Header/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.MidBarHeaderCompose, {
+const Compose = (props) => jsxRuntime.jsx(Compose_style.MidBarHeaderCompose, {
   ...props
 });
 exports.default = Compose;

package/dist/MidBar/components/Header/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 { MidBarHeaderCompose } from "./Compose.style.js";
-const Compose = (props) => jsxRuntimeExports.jsx(MidBarHeaderCompose, {
+const Compose = (props) => jsx(MidBarHeaderCompose, {
   ...props
 });
 export {

package/dist/MidBar/components/Header/components/Group/Group.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 Group_style = require("./Group.style.cjs");
 const MidBarHeaderGroup = ({
   position,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Group_style.MidBarHeaderGroup, {
+}) => jsxRuntime.jsx(Group_style.MidBarHeaderGroup, {
   "$position": position,
   ...restProps
 });

package/dist/MidBar/components/Header/components/Group/Group.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { MidBarHeaderGroup as MidBarHeaderGroup$1 } from "./Group.style.js";
 const MidBarHeaderGroup = ({
   position,
   ...restProps
-}) => jsxRuntimeExports.jsx(MidBarHeaderGroup$1, {
+}) => jsx(MidBarHeaderGroup$1, {
   "$position": position,
   ...restProps
 });

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

package/dist/Modal/Modal.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 Content from "./components/Content/Content.js";
 import Trigger from "./components/Trigger/Trigger.js";
@@ -11,14 +11,14 @@ const Modal = Object.assign(({
   withButton,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Modal.Compose, {
+  return jsxs(Modal.Compose, {
     defaultOpen,
     onOpenChange,
     open,
-    children: [jsxRuntimeExports.jsx(Modal.Trigger, {
+    children: [jsx(Modal.Trigger, {
       withButton,
       children
-    }), jsxRuntimeExports.jsx(Modal.Content, {
+    }), jsx(Modal.Content, {
       ...restProps
     })]
   });

package/dist/Modal/components/Closable/Closable.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 index = require("../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
-const Closable = (props) => jsxRuntime.jsxRuntimeExports.jsx(index.Close, {
+const Closable = (props) => jsxRuntime.jsx(index.Close, {
   ...props,
   asChild: true
 });

package/dist/Modal/components/Closable/Closable.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Close } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
-const Closable = (props) => jsxRuntimeExports.jsx(Close, {
+const Closable = (props) => jsx(Close, {
   ...props,
   asChild: true
 });

package/dist/Modal/components/Compose/Compose.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 index = require("../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
 const Compose = ({
   children,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(index.Root, {
+  return jsxRuntime.jsx(index.Root, {
     ...restProps,
     modal: false,
     children

package/dist/Modal/components/Compose/Compose.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Root } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
 const Compose = ({
   children,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(Root, {
+  return jsx(Root, {
     ...restProps,
     modal: false,
     children

package/dist/Modal/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 Header = require("./components/Header/Header.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
 const Footer = require("./components/Footer/Footer.cjs");
@@ -27,22 +27,22 @@ const Content = Object.assign(({
   persistent,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Content.Compose, {
+  return jsxRuntime.jsxs(Content.Compose, {
     ...restProps,
     onCancel,
     persistent,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Content.Close, {
+    children: [jsxRuntime.jsx(Content.Close, {
       onClick: onCancel,
       persistent
-    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Header, {
+    }), jsxRuntime.jsx(Content.Header, {
       title
-    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Description, {
+    }), jsxRuntime.jsx(Content.Description, {
       hidden: descriptionHidden,
       children: description
-    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Body, {
+    }), jsxRuntime.jsx(Content.Body, {
       content,
       width
-    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Footer, {
+    }), jsxRuntime.jsx(Content.Footer, {
       primaryButtonText,
       secondaryButtonText,
       tertiaryButtonText,

package/dist/Modal/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 Header from "./components/Header/Header.js";
 import Compose from "./components/Compose/Compose.js";
 import Footer from "./components/Footer/Footer.js";
@@ -25,22 +25,22 @@ const Content = Object.assign(({
   persistent,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Content.Compose, {
+  return jsxs(Content.Compose, {
     ...restProps,
     onCancel,
     persistent,
-    children: [jsxRuntimeExports.jsx(Content.Close, {
+    children: [jsx(Content.Close, {
       onClick: onCancel,
       persistent
-    }), jsxRuntimeExports.jsx(Content.Header, {
+    }), jsx(Content.Header, {
       title
-    }), jsxRuntimeExports.jsx(Content.Description, {
+    }), jsx(Content.Description, {
       hidden: descriptionHidden,
       children: description
-    }), jsxRuntimeExports.jsx(Content.Body, {
+    }), jsx(Content.Body, {
       content,
       width
-    }), jsxRuntimeExports.jsx(Content.Footer, {
+    }), jsx(Content.Footer, {
       primaryButtonText,
       secondaryButtonText,
       tertiaryButtonText,

package/dist/Modal/components/Content/components/Body/Body.cjs

@@ -1,15 +1,15 @@
 "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 Text = require("./components/Text/Text.cjs");
 const Body = Object.assign(({
   content,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Body.Compose, {
+  return jsxRuntime.jsx(Body.Compose, {
     ...restProps,
-    children: typeof content === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Body.Text, {
+    children: typeof content === "string" ? jsxRuntime.jsx(Body.Text, {
       children: content
     }) : content
   });

package/dist/Modal/components/Content/components/Body/Body.js

@@ -1,13 +1,13 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import Compose from "./components/Compose/Compose.js";
 import Text from "./components/Text/Text.js";
 const Body = Object.assign(({
   content,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(Body.Compose, {
+  return jsx(Body.Compose, {
     ...restProps,
-    children: typeof content === "string" ? jsxRuntimeExports.jsx(Body.Text, {
+    children: typeof content === "string" ? jsx(Body.Text, {
       children: content
     }) : content
   });

package/dist/Modal/components/Content/components/Body/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.Container, {
+const Compose = (props) => jsxRuntime.jsx(Compose_style.Container, {
   "data-role": "dialog-hub",
   ...props
 });

package/dist/Modal/components/Content/components/Body/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 { Container } from "./Compose.style.js";
-const Compose = (props) => jsxRuntimeExports.jsx(Container, {
+const Compose = (props) => jsx(Container, {
   "data-role": "dialog-hub",
   ...props
 });

package/dist/Modal/components/Content/components/Body/components/Text/Text.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 Text_style = require("./Text.style.cjs");
 const Text = ({
   children,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(Text_style.Text, {
+  return jsxRuntime.jsx(Text_style.Text, {
     ...restProps,
     children
   });

package/dist/Modal/components/Content/components/Body/components/Text/Text.js

@@ -1,10 +1,10 @@
-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 = ({
   children,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(Text$1, {
+  return jsx(Text$1, {
     ...restProps,
     children
   });

package/dist/Modal/components/Content/components/Close/Close.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 Closable = require("../../../Closable/Closable.cjs");
 const Close_style = require("./Close.style.cjs");
@@ -10,9 +10,9 @@ const Close = ({
   onClick,
   persistent,
   ...buttonProps
-}) => persistent ? null : jsxRuntime.jsxRuntimeExports.jsx(Closable.default, {
-  children: jsxRuntime.jsxRuntimeExports.jsx(Close_style.ModalCloseContainer, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(Close_style.IconButton, {
+}) => persistent ? null : jsxRuntime.jsx(Closable.default, {
+  children: jsxRuntime.jsx(Close_style.ModalCloseContainer, {
+    children: jsxRuntime.jsx(Close_style.IconButton, {
       "aria-label": "close",
       title: "Close",
       onClick,

package/dist/Modal/components/Content/components/Close/Close.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 Closable from "../../../Closable/Closable.js";
 import { ModalCloseContainer, IconButton } from "./Close.style.js";
@@ -8,9 +8,9 @@ const Close = ({
   onClick,
   persistent,
   ...buttonProps
-}) => persistent ? null : jsxRuntimeExports.jsx(Closable, {
-  children: jsxRuntimeExports.jsx(ModalCloseContainer, {
-    children: jsxRuntimeExports.jsx(IconButton, {
+}) => persistent ? null : jsx(Closable, {
+  children: jsx(ModalCloseContainer, {
+    children: jsx(IconButton, {
       "aria-label": "close",
       title: "Close",
       onClick,

package/dist/Modal/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 React = require("react");
 const index = require("../../../../../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
 const index$1 = require("../../../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
@@ -29,8 +29,8 @@ const Compose = ({
   const focusedRef = React.useRef(null);
   const dialogRef = React.useRef(null);
   const comboRef = index.useComposedRefs(dialogRef, handleAriaDescriptionRef);
-  return jsxRuntime.jsxRuntimeExports.jsxs(index$1.Portal, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Compose_style.ModalOverlay, {
+  return jsxRuntime.jsxs(index$1.Portal, {
+    children: [jsxRuntime.jsx(Compose_style.ModalOverlay, {
       "data-aria-hidden": "true",
       "aria-hidden": "true",
       onClick: (e) => {
@@ -39,7 +39,7 @@ const Compose = ({
         e.preventDefault();
         (_a = dialogRef.current) == null ? void 0 : _a.focus();
       }
-    }), jsxRuntime.jsxRuntimeExports.jsx(Compose_style.Container, {
+    }), jsxRuntime.jsx(Compose_style.Container, {
       ref: comboRef,
       "data-role": "dialog",
       ...props,

package/dist/Modal/components/Content/components/Compose/Compose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useComposedRefs } from "../../../../../node_modules/@radix-ui/react-compose-refs/dist/index.js";
 import { Portal } from "../../../../../node_modules/@radix-ui/react-dialog/dist/index.js";
@@ -27,8 +27,8 @@ const Compose = ({
   const focusedRef = useRef(null);
   const dialogRef = useRef(null);
   const comboRef = useComposedRefs(dialogRef, handleAriaDescriptionRef);
-  return jsxRuntimeExports.jsxs(Portal, {
-    children: [jsxRuntimeExports.jsx(ModalOverlay, {
+  return jsxs(Portal, {
+    children: [jsx(ModalOverlay, {
       "data-aria-hidden": "true",
       "aria-hidden": "true",
       onClick: (e) => {
@@ -37,7 +37,7 @@ const Compose = ({
         e.preventDefault();
         (_a = dialogRef.current) == null ? void 0 : _a.focus();
       }
-    }), jsxRuntimeExports.jsx(Container, {
+    }), jsx(Container, {
       ref: comboRef,
       "data-role": "dialog",
       ...props,

package/dist/Modal/components/Content/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": "dialog-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/Modal/components/Content/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": "dialog-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/Modal/components/Content/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
 });