@redis-ui/components 44.0.1 → 44.1.0

package/dist/Inputs/components/LoadingIndicator/LoadingIndicator.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 Loader from "../../../Loader/Loader.js";
 const LoadingIndicator = ({
@@ -8,7 +8,7 @@ const LoadingIndicator = ({
   const {
     size
   } = useTheme().components.input.loader;
-  return loading ? jsxRuntimeExports.jsx(Loader, {
+  return loading ? jsx(Loader, {
     ...restProps,
     size,
     inline: true

package/dist/Inputs/components/ReadonlyRender/ReadonlyRenderWrapper.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 InputValue_context = require("../Context/InputValue.context.cjs");
 const SharedId_context = require("../../../Helpers/contexts/SharedId.context.cjs");
 const ReadonlyRenderWrapper = ({
@@ -11,7 +11,7 @@ const ReadonlyRenderWrapper = ({
     value
   } = InputValue_context.useInputValueProps();
   const sharedId = SharedId_context.useSharedId();
-  return jsxRuntime.jsxRuntimeExports.jsx(Render, {
+  return jsxRuntime.jsx(Render, {
     ...restProps,
     value,
     id: sharedId,

package/dist/Inputs/components/ReadonlyRender/ReadonlyRenderWrapper.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useInputValueProps } from "../Context/InputValue.context.js";
 import { useSharedId } from "../../../Helpers/contexts/SharedId.context.js";
 const ReadonlyRenderWrapper = ({
@@ -9,7 +9,7 @@ const ReadonlyRenderWrapper = ({
     value
   } = useInputValueProps();
   const sharedId = useSharedId();
-  return jsxRuntimeExports.jsx(Render, {
+  return jsx(Render, {
     ...restProps,
     value,
     id: sharedId,

package/dist/Inputs/components/ResetButton/ResetButton.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 Field_context = require("../Context/Field.context.cjs");
 const InputValue_context = require("../Context/InputValue.context.cjs");
@@ -22,7 +22,7 @@ const ResetButton = ({
     resetValue,
     inputRef
   } = InputValue_context.useInputValueApi();
-  return !fieldReadonly && allowReset && value ? jsxRuntime.jsxRuntimeExports.jsx(ResetButton_style.ResetButton, {
+  return !fieldReadonly && allowReset && value ? jsxRuntime.jsx(ResetButton_style.ResetButton, {
     disabled: fieldDisabled,
     size,
     icon,

package/dist/Inputs/components/ResetButton/ResetButton.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 { useFieldDisabled } from "../Context/Field.context.js";
 import { useInputValueApi } from "../Context/InputValue.context.js";
@@ -20,7 +20,7 @@ const ResetButton = ({
     resetValue,
     inputRef
   } = useInputValueApi();
-  return !fieldReadonly && allowReset && value ? jsxRuntimeExports.jsx(ResetButton$1, {
+  return !fieldReadonly && allowReset && value ? jsx(ResetButton$1, {
     disabled: fieldDisabled,
     size,
     icon,

package/dist/Inputs/components/StatusIndicator/StatusIndicator.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 redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const Tooltip = require("../../../Tooltip/Tooltip.cjs");
@@ -18,19 +18,19 @@ const StatusIndicator = ({
   const theme = redisUiStyles.useTheme().components.input.indicator;
   if (status === "error") {
     const isReactElement = errorContent ? typeof errorContent !== "string" : false;
-    return jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
-      content: errorContent && jsxRuntime.jsxRuntimeExports.jsx(StatusIndicator_style.TooltipErrorText, {
+    return jsxRuntime.jsx(Tooltip.default, {
+      content: errorContent && jsxRuntime.jsx(StatusIndicator_style.TooltipErrorText, {
         "aria-hidden": true,
         children: errorContent
       }) || void 0,
       interactive: isReactElement,
-      children: jsxRuntime.jsxRuntimeExports.jsx(StatusIndicator_style.IconContainer, {
+      children: jsxRuntime.jsx(StatusIndicator_style.IconContainer, {
         className,
         style,
         role: "button",
         "aria-label": "error status",
         tabIndex: 0,
-        children: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ToastNotificationIcon, {
+        children: jsxRuntime.jsx(redisUiIcons.ToastNotificationIcon, {
           "aria-hidden": true,
           size,
           customColor: restProps.color ? void 0 : theme.errorIconColor,
@@ -41,13 +41,13 @@ const StatusIndicator = ({
     });
   }
   if (status === "success") {
-    return jsxRuntime.jsxRuntimeExports.jsx(StatusIndicator_style.IconContainer, {
+    return jsxRuntime.jsx(StatusIndicator_style.IconContainer, {
       className,
       style,
       "aria-hidden": true,
       "aria-label": "success status",
       title: "Valid",
-      children: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ToastCheckIcon, {
+      children: jsxRuntime.jsx(redisUiIcons.ToastCheckIcon, {
         "aria-hidden": true,
         size,
         customColor: restProps.color ? void 0 : theme.successIconColor,

package/dist/Inputs/components/StatusIndicator/StatusIndicator.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { ToastNotificationIcon, ToastCheckIcon } from "@redislabsdev/redis-ui-icons";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import Tooltip from "../../../Tooltip/Tooltip.js";
@@ -16,19 +16,19 @@ const StatusIndicator = ({
   const theme = useTheme().components.input.indicator;
   if (status === "error") {
     const isReactElement = errorContent ? typeof errorContent !== "string" : false;
-    return jsxRuntimeExports.jsx(Tooltip, {
-      content: errorContent && jsxRuntimeExports.jsx(TooltipErrorText, {
+    return jsx(Tooltip, {
+      content: errorContent && jsx(TooltipErrorText, {
         "aria-hidden": true,
         children: errorContent
       }) || void 0,
       interactive: isReactElement,
-      children: jsxRuntimeExports.jsx(IconContainer, {
+      children: jsx(IconContainer, {
         className,
         style,
         role: "button",
         "aria-label": "error status",
         tabIndex: 0,
-        children: jsxRuntimeExports.jsx(ToastNotificationIcon, {
+        children: jsx(ToastNotificationIcon, {
           "aria-hidden": true,
           size,
           customColor: restProps.color ? void 0 : theme.errorIconColor,
@@ -39,13 +39,13 @@ const StatusIndicator = ({
     });
   }
   if (status === "success") {
-    return jsxRuntimeExports.jsx(IconContainer, {
+    return jsx(IconContainer, {
       className,
       style,
       "aria-hidden": true,
       "aria-label": "success status",
       title: "Valid",
-      children: jsxRuntimeExports.jsx(ToastCheckIcon, {
+      children: jsx(ToastCheckIcon, {
         "aria-hidden": true,
         size,
         customColor: restProps.color ? void 0 : theme.successIconColor,

package/dist/KeyValueList/KeyValueList.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 AddButton = require("./components/AddButton/AddButton.cjs");
 const KeyValueList_style = require("./KeyValueList.style.cjs");
@@ -23,7 +23,7 @@ const KeyValueListBase = ({
     if (renderKey) {
       return renderKey(row);
     }
-    return jsxRuntime.jsxRuntimeExports.jsx(Input.default, {
+    return jsxRuntime.jsx(Input.default, {
       value: String(row.key),
       onChange: (value) => onKeyChange == null ? void 0 : onKeyChange(row, value),
       placeholder: keyPlaceholder
@@ -33,39 +33,39 @@ const KeyValueListBase = ({
     if (renderValue) {
       return renderValue(row);
     }
-    return jsxRuntime.jsxRuntimeExports.jsx(Input.default, {
+    return jsxRuntime.jsx(Input.default, {
       value: String(row.value),
       onChange: (value) => onValueChange == null ? void 0 : onValueChange(row, value),
       placeholder: valuePlaceholder
     });
   };
   const hasData = data.length > 0;
-  return jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.TableWrapper, {
+  return jsxRuntime.jsx(KeyValueList_style.TableWrapper, {
     ...restProps,
-    children: jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.TableScroller, {
+    children: jsxRuntime.jsx(KeyValueList_style.TableScroller, {
       "$maxHeight": maxHeight,
-      children: jsxRuntime.jsxRuntimeExports.jsxs(KeyValueList_style.Table, {
-        children: [jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.TableHead, {
-          children: jsxRuntime.jsxRuntimeExports.jsxs(KeyValueList_style.HeaderRow, {
-            children: [jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.HeaderCell, {
+      children: jsxRuntime.jsxs(KeyValueList_style.Table, {
+        children: [jsxRuntime.jsx(KeyValueList_style.TableHead, {
+          children: jsxRuntime.jsxs(KeyValueList_style.HeaderRow, {
+            children: [jsxRuntime.jsx(KeyValueList_style.HeaderCell, {
               children: "Key"
-            }), jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.SeparatorCell, {}), jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.HeaderCell, {
+            }), jsxRuntime.jsx(KeyValueList_style.SeparatorCell, {}), jsxRuntime.jsx(KeyValueList_style.HeaderCell, {
               children: "Value"
-            }), jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.HeaderCell, {
+            }), jsxRuntime.jsx(KeyValueList_style.HeaderCell, {
               "$width": "4.8rem"
             })]
           })
-        }), jsxRuntime.jsxRuntimeExports.jsx("tbody", {
-          children: hasData ? data.map((row) => jsxRuntime.jsxRuntimeExports.jsxs("tr", {
-            children: [jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.BodyCell, {
+        }), jsxRuntime.jsx("tbody", {
+          children: hasData ? data.map((row) => jsxRuntime.jsxs("tr", {
+            children: [jsxRuntime.jsx(KeyValueList_style.BodyCell, {
               children: renderKeyContent(row)
-            }), jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.DelimiterCell, {
+            }), jsxRuntime.jsx(KeyValueList_style.DelimiterCell, {
               children: ":"
-            }), jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.BodyCell, {
+            }), jsxRuntime.jsx(KeyValueList_style.BodyCell, {
               children: renderValueContent(row)
-            }), jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.BodyCell, {
-              children: jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.ActionCellContent, {
-                children: jsxRuntime.jsxRuntimeExports.jsx(ActionIconButton.default, {
+            }), jsxRuntime.jsx(KeyValueList_style.BodyCell, {
+              children: jsxRuntime.jsx(KeyValueList_style.ActionCellContent, {
+                children: jsxRuntime.jsx(ActionIconButton.default, {
                   variant: "secondary",
                   icon: redisUiIcons.DeleteIcon,
                   onClick: (e) => {
@@ -76,11 +76,11 @@ const KeyValueListBase = ({
                 })
               })
             })]
-          }, row.id)) : jsxRuntime.jsxRuntimeExports.jsx("tr", {
-            children: jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.BodyCell, {
+          }, row.id)) : jsxRuntime.jsx("tr", {
+            children: jsxRuntime.jsx(KeyValueList_style.BodyCell, {
               colSpan: 4,
               "$align": "center",
-              children: jsxRuntime.jsxRuntimeExports.jsx(KeyValueList_style.EmptyStateContainer, {
+              children: jsxRuntime.jsx(KeyValueList_style.EmptyStateContainer, {
                 children: emptyStateMessage
               })
             })

package/dist/KeyValueList/KeyValueList.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { DeleteIcon } from "@redislabsdev/redis-ui-icons";
 import AddButton from "./components/AddButton/AddButton.js";
 import { TableWrapper, TableScroller, Table, TableHead, HeaderRow, HeaderCell, SeparatorCell, BodyCell, DelimiterCell, ActionCellContent, EmptyStateContainer } from "./KeyValueList.style.js";
@@ -21,7 +21,7 @@ const KeyValueListBase = ({
     if (renderKey) {
       return renderKey(row);
     }
-    return jsxRuntimeExports.jsx(Input, {
+    return jsx(Input, {
       value: String(row.key),
       onChange: (value) => onKeyChange == null ? void 0 : onKeyChange(row, value),
       placeholder: keyPlaceholder
@@ -31,39 +31,39 @@ const KeyValueListBase = ({
     if (renderValue) {
       return renderValue(row);
     }
-    return jsxRuntimeExports.jsx(Input, {
+    return jsx(Input, {
       value: String(row.value),
       onChange: (value) => onValueChange == null ? void 0 : onValueChange(row, value),
       placeholder: valuePlaceholder
     });
   };
   const hasData = data.length > 0;
-  return jsxRuntimeExports.jsx(TableWrapper, {
+  return jsx(TableWrapper, {
     ...restProps,
-    children: jsxRuntimeExports.jsx(TableScroller, {
+    children: jsx(TableScroller, {
       "$maxHeight": maxHeight,
-      children: jsxRuntimeExports.jsxs(Table, {
-        children: [jsxRuntimeExports.jsx(TableHead, {
-          children: jsxRuntimeExports.jsxs(HeaderRow, {
-            children: [jsxRuntimeExports.jsx(HeaderCell, {
+      children: jsxs(Table, {
+        children: [jsx(TableHead, {
+          children: jsxs(HeaderRow, {
+            children: [jsx(HeaderCell, {
               children: "Key"
-            }), jsxRuntimeExports.jsx(SeparatorCell, {}), jsxRuntimeExports.jsx(HeaderCell, {
+            }), jsx(SeparatorCell, {}), jsx(HeaderCell, {
               children: "Value"
-            }), jsxRuntimeExports.jsx(HeaderCell, {
+            }), jsx(HeaderCell, {
               "$width": "4.8rem"
             })]
           })
-        }), jsxRuntimeExports.jsx("tbody", {
-          children: hasData ? data.map((row) => jsxRuntimeExports.jsxs("tr", {
-            children: [jsxRuntimeExports.jsx(BodyCell, {
+        }), jsx("tbody", {
+          children: hasData ? data.map((row) => jsxs("tr", {
+            children: [jsx(BodyCell, {
               children: renderKeyContent(row)
-            }), jsxRuntimeExports.jsx(DelimiterCell, {
+            }), jsx(DelimiterCell, {
               children: ":"
-            }), jsxRuntimeExports.jsx(BodyCell, {
+            }), jsx(BodyCell, {
               children: renderValueContent(row)
-            }), jsxRuntimeExports.jsx(BodyCell, {
-              children: jsxRuntimeExports.jsx(ActionCellContent, {
-                children: jsxRuntimeExports.jsx(ActionIconButton, {
+            }), jsx(BodyCell, {
+              children: jsx(ActionCellContent, {
+                children: jsx(ActionIconButton, {
                   variant: "secondary",
                   icon: DeleteIcon,
                   onClick: (e) => {
@@ -74,11 +74,11 @@ const KeyValueListBase = ({
                 })
               })
             })]
-          }, row.id)) : jsxRuntimeExports.jsx("tr", {
-            children: jsxRuntimeExports.jsx(BodyCell, {
+          }, row.id)) : jsx("tr", {
+            children: jsx(BodyCell, {
               colSpan: 4,
               "$align": "center",
-              children: jsxRuntimeExports.jsx(EmptyStateContainer, {
+              children: jsx(EmptyStateContainer, {
                 children: emptyStateMessage
               })
             })

package/dist/KeyValueList/components/AddButton/AddButton.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 redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const AddButton_style = require("./AddButton.style.cjs");
@@ -14,18 +14,18 @@ const AddButton = React.forwardRef(({
   tooltip,
   ...restProps
 }, ref) => {
-  const button = jsxRuntime.jsxRuntimeExports.jsxs(TextButton.default, {
+  const button = jsxRuntime.jsxs(TextButton.default, {
     ref,
     variant: "primary",
     disabled,
     onClick,
     ...restProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Button.default.Icon, {
+    children: [jsxRuntime.jsx(Button.default.Icon, {
       icon: redisUiIcons.PlusIcon
     }), children]
   });
-  return jsxRuntime.jsxRuntimeExports.jsx(AddButton_style.AddButtonContainer, {
-    children: tooltip ? jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+  return jsxRuntime.jsx(AddButton_style.AddButtonContainer, {
+    children: tooltip ? jsxRuntime.jsx(Tooltip.default, {
       content: tooltip,
       children: button
     }) : button

package/dist/KeyValueList/components/AddButton/AddButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { PlusIcon } from "@redislabsdev/redis-ui-icons";
 import { AddButtonContainer } from "./AddButton.style.js";
@@ -12,18 +12,18 @@ const AddButton = forwardRef(({
   tooltip,
   ...restProps
 }, ref) => {
-  const button = jsxRuntimeExports.jsxs(TextButton, {
+  const button = jsxs(TextButton, {
     ref,
     variant: "primary",
     disabled,
     onClick,
     ...restProps,
-    children: [jsxRuntimeExports.jsx(Button.Icon, {
+    children: [jsx(Button.Icon, {
       icon: PlusIcon
     }), children]
   });
-  return jsxRuntimeExports.jsx(AddButtonContainer, {
-    children: tooltip ? jsxRuntimeExports.jsx(Tooltip, {
+  return jsx(AddButtonContainer, {
+    children: tooltip ? jsx(Tooltip, {
       content: tooltip,
       children: button
     }) : button

package/dist/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 InfoIcon = require("./components/InfoIcon/InfoIcon.cjs");
 const Required = require("./components/Required/Required.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
@@ -14,17 +14,17 @@ const Label = Object.assign(({
   readOnly,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Label.Compose, {
+  return jsxRuntime.jsxs(Label.Compose, {
     ...restProps,
     show: Boolean(required || optional || label || (infoIconProps == null ? void 0 : infoIconProps.content) || (infoIconProps == null ? void 0 : infoIconProps.text)),
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Label.Required, {
+    children: [jsxRuntime.jsx(Label.Required, {
       show: required
-    }), jsxRuntime.jsxRuntimeExports.jsx(Label.Text, {
+    }), jsxRuntime.jsx(Label.Text, {
       readOnly,
       children: label
-    }), jsxRuntime.jsxRuntimeExports.jsx(Label.Optional, {
+    }), jsxRuntime.jsx(Label.Optional, {
       show: optional
-    }), jsxRuntime.jsxRuntimeExports.jsx(Label.InfoIcon, {
+    }), jsxRuntime.jsx(Label.InfoIcon, {
       ...infoIconProps
     })]
   });

package/dist/Label/Label.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import InfoIcon from "./components/InfoIcon/InfoIcon.js";
 import Required from "./components/Required/Required.js";
 import Compose from "./components/Compose/Compose.js";
@@ -12,17 +12,17 @@ const Label = Object.assign(({
   readOnly,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Label.Compose, {
+  return jsxs(Label.Compose, {
     ...restProps,
     show: Boolean(required || optional || label || (infoIconProps == null ? void 0 : infoIconProps.content) || (infoIconProps == null ? void 0 : infoIconProps.text)),
-    children: [jsxRuntimeExports.jsx(Label.Required, {
+    children: [jsx(Label.Required, {
       show: required
-    }), jsxRuntimeExports.jsx(Label.Text, {
+    }), jsx(Label.Text, {
       readOnly,
       children: label
-    }), jsxRuntimeExports.jsx(Label.Optional, {
+    }), jsx(Label.Optional, {
       show: optional
-    }), jsxRuntimeExports.jsx(Label.InfoIcon, {
+    }), jsx(Label.InfoIcon, {
       ...infoIconProps
     })]
   });

package/dist/Label/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 Compose_style = require("./Compose.style.cjs");
 const SharedId_context = require("../../../Helpers/contexts/SharedId.context.cjs");
 const Compose = ({
@@ -9,7 +9,7 @@ const Compose = ({
   ...props
 }) => {
   const sharedId = SharedId_context.useSharedId(htmlFor);
-  return show ? jsxRuntime.jsxRuntimeExports.jsx(Compose_style.LabelContainer, {
+  return show ? jsxRuntime.jsx(Compose_style.LabelContainer, {
     ...props,
     htmlFor: sharedId
   }) : null;

package/dist/Label/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 { LabelContainer } from "./Compose.style.js";
 import { useSharedId } from "../../../Helpers/contexts/SharedId.context.js";
 const Compose = ({
@@ -7,7 +7,7 @@ const Compose = ({
   ...props
 }) => {
   const sharedId = useSharedId(htmlFor);
-  return show ? jsxRuntimeExports.jsx(LabelContainer, {
+  return show ? jsx(LabelContainer, {
     ...props,
     htmlFor: sharedId
   }) : null;

package/dist/Label/components/InfoIcon/InfoIcon.cjs

@@ -1,13 +1,13 @@
 "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 InfoIcon_style = require("./InfoIcon.style.cjs");
 const InfoIcon = ({
   size,
   text,
   content = text,
   ...tooltipProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(InfoIcon_style.MoreInfoIcon, {
+}) => jsxRuntime.jsx(InfoIcon_style.MoreInfoIcon, {
   tooltipProps,
   size,
   tooltip: content

package/dist/Label/components/InfoIcon/InfoIcon.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { MoreInfoIcon } from "./InfoIcon.style.js";
 const InfoIcon = ({
   size,
   text,
   content = text,
   ...tooltipProps
-}) => jsxRuntimeExports.jsx(MoreInfoIcon, {
+}) => jsx(MoreInfoIcon, {
   tooltipProps,
   size,
   tooltip: content

package/dist/Label/components/Optional/Optional.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 Optional_style = require("./Optional.style.cjs");
 const Optional = ({
   children = "(Optional)",
@@ -8,7 +8,7 @@ const Optional = ({
   size,
   ...restProps
 }) => {
-  return show ? jsxRuntime.jsxRuntimeExports.jsx(Optional_style.Optional, {
+  return show ? jsxRuntime.jsx(Optional_style.Optional, {
     size: size ?? "S",
     ...restProps,
     children

package/dist/Label/components/Optional/Optional.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Optional as Optional$1 } from "./Optional.style.js";
 const Optional = ({
   children = "(Optional)",
@@ -6,7 +6,7 @@ const Optional = ({
   size,
   ...restProps
 }) => {
-  return show ? jsxRuntimeExports.jsx(Optional$1, {
+  return show ? jsx(Optional$1, {
     size: size ?? "S",
     ...restProps,
     children

package/dist/Label/components/Required/Required.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 Required_style = require("./Required.style.cjs");
 const FormField_context = require("../../../FormField/FormField.context.cjs");
 const Required = ({
@@ -8,7 +8,7 @@ const Required = ({
   show = true,
   size,
   ...restProps
-}) => FormField_context.useFieldRequired(show) ? jsxRuntime.jsxRuntimeExports.jsx(Required_style.Required, {
+}) => FormField_context.useFieldRequired(show) ? jsxRuntime.jsx(Required_style.Required, {
   component: "span",
   size: size ?? "S",
   "aria-hidden": true,

package/dist/Label/components/Required/Required.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Required as Required$1 } from "./Required.style.js";
 import { useFieldRequired } from "../../../FormField/FormField.context.js";
 const Required = ({
@@ -6,7 +6,7 @@ const Required = ({
   show = true,
   size,
   ...restProps
-}) => useFieldRequired(show) ? jsxRuntimeExports.jsx(Required$1, {
+}) => useFieldRequired(show) ? jsx(Required$1, {
   component: "span",
   size: size ?? "S",
   "aria-hidden": true,

package/dist/Label/components/Text/Text.cjs

@@ -1,13 +1,13 @@
 "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 FormField_context = require("../../../FormField/FormField.context.cjs");
 const Text_style = require("./Text.style.cjs");
 const Text = ({
   children,
   readOnly,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Text_style.Text, {
+}) => jsxRuntime.jsx(Text_style.Text, {
   component: "span",
   "$readonly": FormField_context.useFieldReadonly() ?? readOnly,
   ...restProps,

package/dist/Label/components/Text/Text.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useFieldReadonly } from "../../../FormField/FormField.context.js";
 import { Text as Text$1 } from "./Text.style.js";
 const Text = ({
   children,
   readOnly,
   ...restProps
-}) => jsxRuntimeExports.jsx(Text$1, {
+}) => jsx(Text$1, {
   component: "span",
   "$readonly": useFieldReadonly() ?? readOnly,
   ...restProps,