@redis-ui/components 44.0.2 → 44.1.0

package/dist/Inputs/components/Compose/NumericCompose.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 CommonCompose = require("./CommonCompose.cjs");
 const NumericInputValueProvider = require("../Context/NumericInputValueProvider.cjs");
 const NumericInputCompose = ({
@@ -16,7 +16,7 @@ const NumericInputCompose = ({
   validate,
   calcStepActionValue,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(NumericInputValueProvider.NumericInputValueProvider, {
+}) => jsxRuntime.jsx(NumericInputValueProvider.NumericInputValueProvider, {
   value,
   defaultValue,
   onChange,
@@ -28,7 +28,7 @@ const NumericInputCompose = ({
   autoValidate,
   validate,
   calcStepActionValue,
-  children: jsxRuntime.jsxRuntimeExports.jsx(CommonCompose.default, {
+  children: jsxRuntime.jsx(CommonCompose.default, {
     ...restProps
   })
 });

package/dist/Inputs/components/Compose/NumericCompose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import CommonInputCompose from "./CommonCompose.js";
 import { NumericInputValueProvider } from "../Context/NumericInputValueProvider.js";
 const NumericInputCompose = ({
@@ -14,7 +14,7 @@ const NumericInputCompose = ({
   validate,
   calcStepActionValue,
   ...restProps
-}) => jsxRuntimeExports.jsx(NumericInputValueProvider, {
+}) => jsx(NumericInputValueProvider, {
   value,
   defaultValue,
   onChange,
@@ -26,7 +26,7 @@ const NumericInputCompose = ({
   autoValidate,
   validate,
   calcStepActionValue,
-  children: jsxRuntimeExports.jsx(CommonInputCompose, {
+  children: jsx(CommonInputCompose, {
     ...restProps
   })
 });

package/dist/Inputs/components/Compose/TextCompose.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 CommonCompose = require("./CommonCompose.cjs");
 const InputValueProvider = require("../Context/InputValueProvider.cjs");
 const TextInputCompose = ({
@@ -10,13 +10,13 @@ const TextInputCompose = ({
   parser,
   formatter,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(InputValueProvider.InputValueProvider, {
+}) => jsxRuntime.jsx(InputValueProvider.InputValueProvider, {
   value,
   defaultValue,
   onChange,
   parser,
   formatter,
-  children: jsxRuntime.jsxRuntimeExports.jsx(CommonCompose.default, {
+  children: jsxRuntime.jsx(CommonCompose.default, {
     ...restProps
   })
 });

package/dist/Inputs/components/Compose/TextCompose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import CommonInputCompose from "./CommonCompose.js";
 import { InputValueProvider } from "../Context/InputValueProvider.js";
 const TextInputCompose = ({
@@ -8,13 +8,13 @@ const TextInputCompose = ({
   parser,
   formatter,
   ...restProps
-}) => jsxRuntimeExports.jsx(InputValueProvider, {
+}) => jsx(InputValueProvider, {
   value,
   defaultValue,
   onChange,
   parser,
   formatter,
-  children: jsxRuntimeExports.jsx(CommonInputCompose, {
+  children: jsx(CommonInputCompose, {
     ...restProps
   })
 });

package/dist/Inputs/components/Context/InputValueProvider.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 index = require("../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
 const InputValue_context = require("./InputValue.context.cjs");
@@ -37,7 +37,7 @@ const InputValueProvider = ({
       ref: inputRef
     }
   }), [forceChange, inputProps]);
-  return jsxRuntime.jsxRuntimeExports.jsx(InputValue_context.ContextProvider, {
+  return jsxRuntime.jsx(InputValue_context.ContextProvider, {
     value: context,
     children
   });

package/dist/Inputs/components/Context/InputValueProvider.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from "react";
 import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { ContextProvider } from "./InputValue.context.js";
@@ -35,7 +35,7 @@ const InputValueProvider = ({
       ref: inputRef
     }
   }), [forceChange, inputProps]);
-  return jsxRuntimeExports.jsx(ContextProvider, {
+  return jsx(ContextProvider, {
     value: context,
     children
   });

package/dist/Inputs/components/Context/NumericInputValueProvider.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 index = require("../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
 const InputValue_context = require("./InputValue.context.cjs");
@@ -45,7 +45,7 @@ const NumericInputValueProvider = ({
       ref: inputRef
     }
   }), [inputProps, canIncrement, canDecrement, increment, decrement, forceChange]);
-  return jsxRuntime.jsxRuntimeExports.jsx(InputValue_context.ContextProvider, {
+  return jsxRuntime.jsx(InputValue_context.ContextProvider, {
     value: context,
     children
   });

package/dist/Inputs/components/Context/NumericInputValueProvider.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from "react";
 import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { ContextProvider } from "./InputValue.context.js";
@@ -43,7 +43,7 @@ const NumericInputValueProvider = ({
       ref: inputRef
     }
   }), [inputProps, canIncrement, canDecrement, increment, decrement, forceChange]);
-  return jsxRuntimeExports.jsx(ContextProvider, {
+  return jsx(ContextProvider, {
     value: context,
     children
   });

package/dist/Inputs/components/InputTag/InputTag.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-id/dist/index.cjs");
 const index$1 = require("../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
@@ -45,17 +45,17 @@ const InputTag = React.forwardRef(({
     ...statusProps,
     ...inputValueProps
   };
-  const inputTag = autoSize ? jsxRuntime.jsxRuntimeExports.jsx(InputTag_style.AutoSizeInputTag, {
+  const inputTag = autoSize ? jsxRuntime.jsx(InputTag_style.AutoSizeInputTag, {
     ...inputProps,
     value: inputProps.value,
-    children: (props) => jsxRuntime.jsxRuntimeExports.jsx(InputTag_style.InputTag, {
+    children: (props) => jsxRuntime.jsx(InputTag_style.InputTag, {
       ...props
     })
-  }) : jsxRuntime.jsxRuntimeExports.jsx(InputTag_style.InputTag, {
+  }) : jsxRuntime.jsx(InputTag_style.InputTag, {
     ...inputProps
   });
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [inputTag, status === "error" ? jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [inputTag, status === "error" ? jsxRuntime.jsx(index$1.VisuallyHidden, {
       id: errorId,
       role: "alert",
       children: errorContent

package/dist/Inputs/components/InputTag/InputTag.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useId } from "../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { VisuallyHidden } from "../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
@@ -43,17 +43,17 @@ const InputTag = forwardRef(({
     ...statusProps,
     ...inputValueProps
   };
-  const inputTag = autoSize ? jsxRuntimeExports.jsx(AutoSizeInputTag, {
+  const inputTag = autoSize ? jsx(AutoSizeInputTag, {
     ...inputProps,
     value: inputProps.value,
-    children: (props) => jsxRuntimeExports.jsx(InputTag$1, {
+    children: (props) => jsx(InputTag$1, {
       ...props
     })
-  }) : jsxRuntimeExports.jsx(InputTag$1, {
+  }) : jsx(InputTag$1, {
     ...inputProps
   });
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-    children: [inputTag, status === "error" ? jsxRuntimeExports.jsx(VisuallyHidden, {
+  return jsxs(Fragment, {
+    children: [inputTag, status === "error" ? jsx(VisuallyHidden, {
       id: errorId,
       role: "alert",
       children: errorContent

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

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