@redis-ui/components 44.0.1 → 44.1.0

package/dist/Banner/components/BannerSemanticComponents/SemanticButton/SemanticButton.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SemanticButton as SemanticButton$1 } from "./SemanticButton.style.js";
 const SemanticButton = Object.assign(({
   outlineVariant = "primary",
   size = "M",
   ...buttonProps
-}) => jsxRuntimeExports.jsx(SemanticButton$1, {
+}) => jsx(SemanticButton$1, {
   ...buttonProps,
   outlineVariant,
   "$size": size,

package/dist/Banner/components/BannerSemanticComponents/SemanticCloseButton/SemanticCloseButton.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 SemanticCloseButton_style = require("./SemanticCloseButton.style.cjs");
 const SemanticCloseButton = ({
@@ -10,7 +10,7 @@ const SemanticCloseButton = ({
   variant,
   // currently inherits color
   ...props
-}) => jsxRuntime.jsxRuntimeExports.jsx(SemanticCloseButton_style.SemanticCloseButton, {
+}) => jsxRuntime.jsx(SemanticCloseButton_style.SemanticCloseButton, {
   onClick: (e) => {
     e.stopPropagation();
     onClick == null ? void 0 : onClick(e);
@@ -19,7 +19,7 @@ const SemanticCloseButton = ({
   "aria-label": "Close",
   title: "Close",
   ...props,
-  children: children || jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.CancelIcon, {
+  children: children || jsxRuntime.jsx(redisUiIcons.CancelIcon, {
     size,
     customColor: "currentColor",
     "aria-hidden": true

package/dist/Banner/components/BannerSemanticComponents/SemanticCloseButton/SemanticCloseButton.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 { SemanticCloseButton as SemanticCloseButton$1 } from "./SemanticCloseButton.style.js";
 const SemanticCloseButton = ({
@@ -8,7 +8,7 @@ const SemanticCloseButton = ({
   variant,
   // currently inherits color
   ...props
-}) => jsxRuntimeExports.jsx(SemanticCloseButton$1, {
+}) => jsx(SemanticCloseButton$1, {
   onClick: (e) => {
     e.stopPropagation();
     onClick == null ? void 0 : onClick(e);
@@ -17,7 +17,7 @@ const SemanticCloseButton = ({
   "aria-label": "Close",
   title: "Close",
   ...props,
-  children: children || jsxRuntimeExports.jsx(CancelIcon, {
+  children: children || jsx(CancelIcon, {
     size,
     customColor: "currentColor",
     "aria-hidden": true

package/dist/Banner/components/BannerSemanticComponents/SemanticContainer/SemanticContainer.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 SemanticContainer_style = require("./SemanticContainer.style.cjs");
 const SemanticContainer = ({
   variant = "informative",
   size = "M",
   ...props
-}) => jsxRuntime.jsxRuntimeExports.jsx(SemanticContainer_style.SemanticContainer, {
+}) => jsxRuntime.jsx(SemanticContainer_style.SemanticContainer, {
   variant,
   size,
   ...props

package/dist/Banner/components/BannerSemanticComponents/SemanticContainer/SemanticContainer.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SemanticContainer as SemanticContainer$1 } from "./SemanticContainer.style.js";
 const SemanticContainer = ({
   variant = "informative",
   size = "M",
   ...props
-}) => jsxRuntimeExports.jsx(SemanticContainer$1, {
+}) => jsx(SemanticContainer$1, {
   variant,
   size,
   ...props

package/dist/Banner/components/BannerSemanticComponents/SemanticIcon/SemanticIcon.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 redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const SemanticIcon_helpers = require("./SemanticIcon.helpers.cjs");
 const SemanticIcon = ({
@@ -11,7 +11,7 @@ const SemanticIcon = ({
   const theme = redisUiStyles.useTheme();
   const variantStyle = theme.components.semanticIcon.variants[variant] || theme.components.semanticIcon.variants.informative;
   const Icon = customIcon || SemanticIcon_helpers.getIcon(variant);
-  return jsxRuntime.jsxRuntimeExports.jsx(Icon, {
+  return jsxRuntime.jsx(Icon, {
     customColor: props.color ? void 0 : variantStyle.iconColor,
     "aria-hidden": true,
     ...props

package/dist/Banner/components/BannerSemanticComponents/SemanticIcon/SemanticIcon.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { getIcon } from "./SemanticIcon.helpers.js";
 const SemanticIcon = ({
@@ -9,7 +9,7 @@ const SemanticIcon = ({
   const theme = useTheme();
   const variantStyle = theme.components.semanticIcon.variants[variant] || theme.components.semanticIcon.variants.informative;
   const Icon = customIcon || getIcon(variant);
-  return jsxRuntimeExports.jsx(Icon, {
+  return jsx(Icon, {
     customColor: props.color ? void 0 : variantStyle.iconColor,
     "aria-hidden": true,
     ...props

package/dist/Banner/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 CloseButton_style = require("./CloseButton.style.cjs");
 const bannerContext = require("../../bannerContext.cjs");
 const CloseButton = ({
@@ -18,7 +18,7 @@ const CloseButton = ({
     onClose,
     size
   });
-  return onClick ? jsxRuntime.jsxRuntimeExports.jsx(CloseButton_style.CloseButton, {
+  return onClick ? jsxRuntime.jsx(CloseButton_style.CloseButton, {
     ...context,
     size: "S",
     "$size": $size,

package/dist/Banner/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 { CloseButton as CloseButton$1 } from "./CloseButton.style.js";
 import { useBannerParams } from "../../bannerContext.js";
 const CloseButton = ({
@@ -16,7 +16,7 @@ const CloseButton = ({
     onClose,
     size
   });
-  return onClick ? jsxRuntimeExports.jsx(CloseButton$1, {
+  return onClick ? jsx(CloseButton$1, {
     ...context,
     size: "S",
     "$size": $size,

package/dist/Banner/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 bannerContext = require("../../bannerContext.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -16,9 +16,9 @@ const Compose = ({
     size,
     variant
   }), [onClose, size, variant]);
-  return jsxRuntime.jsxRuntimeExports.jsx(bannerContext.BannerContext.Provider, {
+  return jsxRuntime.jsx(bannerContext.BannerContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.BannerContainer, {
+    children: jsxRuntime.jsx(Compose_style.BannerContainer, {
       variant,
       size,
       "data-layout": layoutVariant,

package/dist/Banner/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 { BannerContext } from "../../bannerContext.js";
 import { BannerContainer } from "./Compose.style.js";
@@ -14,9 +14,9 @@ const Compose = ({
     size,
     variant
   }), [onClose, size, variant]);
-  return jsxRuntimeExports.jsx(BannerContext.Provider, {
+  return jsx(BannerContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsx(BannerContainer, {
+    children: jsx(BannerContainer, {
       variant,
       size,
       "data-layout": layoutVariant,

package/dist/Banner/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 bannerContext = require("../../bannerContext.cjs");
 const Icon = ({
@@ -15,7 +15,7 @@ const Icon = ({
     variant,
     size: "M"
   });
-  return jsxRuntime.jsxRuntimeExports.jsx(Icon_style.BannerIconContainer, {
+  return jsxRuntime.jsx(Icon_style.BannerIconContainer, {
     customIcon,
     ...context,
     ...props

package/dist/Banner/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 { BannerIconContainer } from "./Icon.style.js";
 import { useBannerParams } from "../../bannerContext.js";
 const Icon = ({
@@ -13,7 +13,7 @@ const Icon = ({
     variant,
     size: "M"
   });
-  return jsxRuntimeExports.jsx(BannerIconContainer, {
+  return jsx(BannerIconContainer, {
     customIcon,
     ...context,
     ...props

package/dist/Banner/components/Message/Message.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 Message_style = require("./Message.style.cjs");
 const bannerContext = require("../../bannerContext.cjs");
 const Message = ({
@@ -10,7 +10,7 @@ const Message = ({
   const {
     size
   } = bannerContext.useBannerParams();
-  return children ? jsxRuntime.jsxRuntimeExports.jsx(Message_style.Message, {
+  return children ? jsxRuntime.jsx(Message_style.Message, {
     size,
     ...restProps,
     children

package/dist/Banner/components/Message/Message.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Message as Message$1 } from "./Message.style.js";
 import { useBannerParams } from "../../bannerContext.js";
 const Message = ({
@@ -8,7 +8,7 @@ const Message = ({
   const {
     size
   } = useBannerParams();
-  return children ? jsxRuntimeExports.jsx(Message$1, {
+  return children ? jsx(Message$1, {
     size,
     ...restProps,
     children

package/dist/Banner/components/Split/Split.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 Split_style = require("./Split.style.cjs");
 const Split = ({
   minWidth,
   ...props
-}) => jsxRuntime.jsxRuntimeExports.jsx(Split_style.Split, {
+}) => jsxRuntime.jsx(Split_style.Split, {
   ...props,
   "$minWidth": minWidth
 });

package/dist/Banner/components/Split/Split.js

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

package/dist/BoxSelectionGroup/BoxSelectionGroup.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 Item = require("./components/Item/Item.cjs");
 const BoxSelectionGroup_style = require("./BoxSelectionGroup.style.cjs");
 const BoxSelectionGroup = Object.assign(({
   boxes,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(BoxSelectionGroup.Compose, {
+}) => jsxRuntime.jsx(BoxSelectionGroup.Compose, {
   ...restProps,
-  children: boxes.map((box) => jsxRuntime.jsxRuntimeExports.jsx(BoxSelectionGroup_style.BoxSelectionGroupItem, {
+  children: boxes.map((box) => jsxRuntime.jsx(BoxSelectionGroup_style.BoxSelectionGroupItem, {
     box
   }, box.value))
 }), {

package/dist/BoxSelectionGroup/BoxSelectionGroup.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 Item from "./components/Item/Item.js";
 import { BoxSelectionGroupItem } from "./BoxSelectionGroup.style.js";
 const BoxSelectionGroup = Object.assign(({
   boxes,
   ...restProps
-}) => jsxRuntimeExports.jsx(BoxSelectionGroup.Compose, {
+}) => jsx(BoxSelectionGroup.Compose, {
   ...restProps,
-  children: boxes.map((box) => jsxRuntimeExports.jsx(BoxSelectionGroupItem, {
+  children: boxes.map((box) => jsx(BoxSelectionGroupItem, {
     box
   }, box.value))
 }), {

package/dist/BoxSelectionGroup/MultiBoxSelectionGroup.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 MultiCompose = require("./components/Compose/MultiCompose.cjs");
 const Item = require("./components/Item/Item.cjs");
 const BoxSelectionGroup_style = require("./BoxSelectionGroup.style.cjs");
 const MultiBoxSelectionGroup = Object.assign(({
   boxes,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(MultiBoxSelectionGroup.Compose, {
+}) => jsxRuntime.jsx(MultiBoxSelectionGroup.Compose, {
   ...restProps,
-  children: boxes.map((box) => jsxRuntime.jsxRuntimeExports.jsx(BoxSelectionGroup_style.BoxSelectionGroupItem, {
+  children: boxes.map((box) => jsxRuntime.jsx(BoxSelectionGroup_style.BoxSelectionGroupItem, {
     box
   }, box.value))
 }), {

package/dist/BoxSelectionGroup/MultiBoxSelectionGroup.js

@@ -1,13 +1,13 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import MultiCompose from "./components/Compose/MultiCompose.js";
 import Item from "./components/Item/Item.js";
 import { BoxSelectionGroupItem } from "./BoxSelectionGroup.style.js";
 const MultiBoxSelectionGroup = Object.assign(({
   boxes,
   ...restProps
-}) => jsxRuntimeExports.jsx(MultiBoxSelectionGroup.Compose, {
+}) => jsx(MultiBoxSelectionGroup.Compose, {
   ...restProps,
-  children: boxes.map((box) => jsxRuntimeExports.jsx(BoxSelectionGroupItem, {
+  children: boxes.map((box) => jsx(BoxSelectionGroupItem, {
     box
   }, box.value))
 }), {

package/dist/BoxSelectionGroup/components/Compose/BaseCompose.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 useBoxSelectionGroup = require("../../hooks/useBoxSelectionGroup.cjs");
 const BoxSelectionGroup_context = require("../../BoxSelectionGroup.context.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -18,10 +18,10 @@ const BaseCompose = ({
     value,
     onChange
   });
-  return jsxRuntime.jsxRuntimeExports.jsx(Provider.default, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(BoxSelectionGroup_context.BoxSelectionGroupContext.Provider, {
+  return jsxRuntime.jsx(Provider.default, {
+    children: jsxRuntime.jsx(BoxSelectionGroup_context.BoxSelectionGroupContext.Provider, {
       value: contextValue,
-      children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.BoxSelectionGroupCompose, {
+      children: jsxRuntime.jsx(Compose_style.BoxSelectionGroupCompose, {
         ...restProps
       })
     })

package/dist/BoxSelectionGroup/components/Compose/BaseCompose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useBoxSelectionGroup } from "../../hooks/useBoxSelectionGroup.js";
 import { BoxSelectionGroupContext } from "../../BoxSelectionGroup.context.js";
 import { BoxSelectionGroupCompose } from "./Compose.style.js";
@@ -16,10 +16,10 @@ const BaseCompose = ({
     value,
     onChange
   });
-  return jsxRuntimeExports.jsx(TooltipProvider, {
-    children: jsxRuntimeExports.jsx(BoxSelectionGroupContext.Provider, {
+  return jsx(TooltipProvider, {
+    children: jsx(BoxSelectionGroupContext.Provider, {
       value: contextValue,
-      children: jsxRuntimeExports.jsx(BoxSelectionGroupCompose, {
+      children: jsx(BoxSelectionGroupCompose, {
         ...restProps
       })
     })

package/dist/BoxSelectionGroup/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 BaseCompose = require("./BaseCompose.cjs");
 const Compose = ({
@@ -12,7 +12,7 @@ const Compose = ({
   const baseDefaultValue = React.useMemo(() => defaultValue !== void 0 ? [defaultValue] : void 0, [defaultValue]);
   const baseValue = React.useMemo(() => value !== void 0 ? [value] : void 0, [value]);
   const baseOnChange = React.useMemo(() => typeof onChange === "function" ? ([newValue]) => newValue && onChange(newValue) : void 0, [onChange]);
-  return jsxRuntime.jsxRuntimeExports.jsx(BaseCompose.default, {
+  return jsxRuntime.jsx(BaseCompose.default, {
     ...restProps,
     singleSelect: true,
     defaultValue: baseDefaultValue,

package/dist/BoxSelectionGroup/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 BaseCompose from "./BaseCompose.js";
 const Compose = ({
@@ -10,7 +10,7 @@ const Compose = ({
   const baseDefaultValue = useMemo(() => defaultValue !== void 0 ? [defaultValue] : void 0, [defaultValue]);
   const baseValue = useMemo(() => value !== void 0 ? [value] : void 0, [value]);
   const baseOnChange = useMemo(() => typeof onChange === "function" ? ([newValue]) => newValue && onChange(newValue) : void 0, [onChange]);
-  return jsxRuntimeExports.jsx(BaseCompose, {
+  return jsx(BaseCompose, {
     ...restProps,
     singleSelect: true,
     defaultValue: baseDefaultValue,

package/dist/BoxSelectionGroup/components/Compose/MultiCompose.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 BaseCompose = require("./BaseCompose.cjs");
 const MultiCompose = ({
   onChange,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(BaseCompose.default, {
+}) => jsxRuntime.jsx(BaseCompose.default, {
   ...restProps,
   onChange,
   singleSelect: false

package/dist/BoxSelectionGroup/components/Compose/MultiCompose.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import BaseCompose from "./BaseCompose.js";
 const MultiCompose = ({
   onChange,
   ...restProps
-}) => jsxRuntimeExports.jsx(BaseCompose, {
+}) => jsx(BaseCompose, {
   ...restProps,
   onChange,
   singleSelect: false

package/dist/BoxSelectionGroup/components/Item/Item.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 Icon = require("./components/Icon/Icon.cjs");
 const Item_context = require("./Item.context.cjs");
@@ -10,10 +10,10 @@ const Typography = require("../../../Typography/Typography.cjs");
 const Item = Object.assign(({
   box,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Item.Compose, {
+}) => jsxRuntime.jsxs(Item.Compose, {
   box,
   ...restProps,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Item.Icon, {}), jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  children: [jsxRuntime.jsx(Item.Icon, {}), jsxRuntime.jsx(Typography.default.Body, {
     size: "M",
     children: box.label
   })]

package/dist/BoxSelectionGroup/components/Item/Item.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 { Icon } from "./components/Icon/Icon.js";
 import { useItemContext, ItemContext } from "./Item.context.js";
@@ -8,10 +8,10 @@ import Typography from "../../../Typography/Typography.js";
 const Item = Object.assign(({
   box,
   ...restProps
-}) => jsxRuntimeExports.jsxs(Item.Compose, {
+}) => jsxs(Item.Compose, {
   box,
   ...restProps,
-  children: [jsxRuntimeExports.jsx(Item.Icon, {}), jsxRuntimeExports.jsx(Typography.Body, {
+  children: [jsx(Item.Icon, {}), jsx(Typography.Body, {
     size: "M",
     children: box.label
   })]

package/dist/BoxSelectionGroup/components/Item/components/BoxStateIndicator/BoxStateIndicator.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 Item_context = require("../../Item.context.cjs");
 const BoxStateIndicator = ({
   children,
@@ -19,13 +19,13 @@ const BoxStateIndicator = ({
     return null;
   }
   if (noninteractive) {
-    return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: indicator
     });
   }
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    jsxRuntime.jsxRuntimeExports.jsx("div", {
+    jsxRuntime.jsx("div", {
       onClick: (e) => e.stopPropagation(),
       // style is intentionally added here to override potential other styling
       style: {

package/dist/BoxSelectionGroup/components/Item/components/BoxStateIndicator/BoxStateIndicator.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { useItemContext } from "../../Item.context.js";
 const BoxStateIndicator = ({
   children,
@@ -17,13 +17,13 @@ const BoxStateIndicator = ({
     return null;
   }
   if (noninteractive) {
-    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+    return jsx(Fragment, {
       children: indicator
     });
   }
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    jsxRuntimeExports.jsx("div", {
+    jsx("div", {
       onClick: (e) => e.stopPropagation(),
       // style is intentionally added here to override potential other styling
       style: {

package/dist/BoxSelectionGroup/components/Item/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 BoxSelectionGroup_context = require("../../../../BoxSelectionGroup.context.cjs");
 const Compose_style = require("./Compose.style.cjs");
@@ -25,21 +25,21 @@ const Compose = React__default.default.forwardRef(({
     isDisabled: !!box.disabled,
     value: box.value
   }), [box, isChecked]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Item_context.ItemContext.Provider, {
+  return jsxRuntime.jsx(Item_context.ItemContext.Provider, {
     value: itemContext,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+    children: jsxRuntime.jsx(Tooltip.default, {
       content: box.disabledMessage,
       disabled: !box.disabled,
       placement: "bottom",
       ...tooltipProps,
-      children: jsxRuntime.jsxRuntimeExports.jsxs(Compose_style.BoxSelectionGroupItemCompose, {
+      children: jsxRuntime.jsxs(Compose_style.BoxSelectionGroupItemCompose, {
         onPressedChange: () => toggleSelection(box),
         pressed: isChecked,
         "data-checked": isChecked,
         disabled: !!box.disabled,
         ref,
         ...restProps,
-        children: [children, jsxRuntime.jsxRuntimeExports.jsx(Compose_style.BottomActiveBorder, {})]
+        children: [children, jsxRuntime.jsx(Compose_style.BottomActiveBorder, {})]
       })
     })
   });

package/dist/BoxSelectionGroup/components/Item/components/Compose/Compose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useMemo } from "react";
 import { useBoxSelectionGroupContext } from "../../../../BoxSelectionGroup.context.js";
 import { BoxSelectionGroupItemCompose, BottomActiveBorder } from "./Compose.style.js";
@@ -21,21 +21,21 @@ const Compose = React__default.forwardRef(({
     isDisabled: !!box.disabled,
     value: box.value
   }), [box, isChecked]);
-  return jsxRuntimeExports.jsx(ItemContext.Provider, {
+  return jsx(ItemContext.Provider, {
     value: itemContext,
-    children: jsxRuntimeExports.jsx(Tooltip, {
+    children: jsx(Tooltip, {
       content: box.disabledMessage,
       disabled: !box.disabled,
       placement: "bottom",
       ...tooltipProps,
-      children: jsxRuntimeExports.jsxs(BoxSelectionGroupItemCompose, {
+      children: jsxs(BoxSelectionGroupItemCompose, {
         onPressedChange: () => toggleSelection(box),
         pressed: isChecked,
         "data-checked": isChecked,
         disabled: !!box.disabled,
         ref,
         ...restProps,
-        children: [children, jsxRuntimeExports.jsx(BottomActiveBorder, {})]
+        children: [children, jsx(BottomActiveBorder, {})]
       })
     })
   });