@redis-ui/components 44.0.2 → 44.1.0

package/dist/Inputs/QuantityCounter/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 { useState, useMemo } from "react";
 import { ReadonlyValue } from "../../../components/Compose/Compose.style.js";
 import { ValueLabel } from "../InputGroup/components/ValueLabel/ValueLabel.js";
@@ -8,9 +8,9 @@ import { combineHandlers } from "../../../../Helpers/react.utils.js";
 const getDefaultRender = (valueLabel) => valueLabel ? ({
   value,
   ...restProps
-}) => jsxRuntimeExports.jsxs(ReadonlyValue, {
+}) => jsxs(ReadonlyValue, {
   ...restProps,
-  children: [value, " ", value && jsxRuntimeExports.jsx(ValueLabel, {
+  children: [value, " ", value && jsx(ValueLabel, {
     children: valueLabel
   })]
 }) : void 0;
@@ -24,12 +24,12 @@ const Compose = ({
 }) => {
   const [hovered, setHovered] = useState(false);
   const DefaultReadonlyRender = useMemo(() => getDefaultRender(valueLabel), [valueLabel]);
-  return jsxRuntimeExports.jsxs(QuantityCounterCompose, {
+  return jsxs(QuantityCounterCompose, {
     ...restProps,
     readonlyRender: readonlyRender ?? DefaultReadonlyRender,
     onMouseEnter: combineHandlers(() => setHovered(true), onMouseEnter),
     onMouseLeave: combineHandlers(() => setHovered(false), onMouseLeave),
-    children: [children, jsxRuntimeExports.jsx(ErrorTooltip, {
+    children: [children, jsx(ErrorTooltip, {
       open: hovered
     })]
   });

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.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 Field_context = require("../../../../../components/Context/Field.context.cjs");
 const ErrorTooltip_style = require("./ErrorTooltip.style.cjs");
 const Tooltip = require("../../../../../../Tooltip/Tooltip.cjs");
@@ -10,12 +10,12 @@ const ErrorTooltip = ({
 }) => {
   const status = FormField_context.useFieldStatus();
   const errorContent = Field_context.useErrorContent();
-  return status !== "error" || !errorContent ? null : jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
+  return status !== "error" || !errorContent ? null : jsxRuntime.jsx(Tooltip.default, {
     open,
-    content: errorContent && jsxRuntime.jsxRuntimeExports.jsx(ErrorTooltip_style.TooltipErrorText, {
+    content: errorContent && jsxRuntime.jsx(ErrorTooltip_style.TooltipErrorText, {
       children: errorContent
     }) || void 0,
-    children: jsxRuntime.jsxRuntimeExports.jsx(ErrorTooltip_style.StatusIndicator, {
+    children: jsxRuntime.jsx(ErrorTooltip_style.StatusIndicator, {
       "aria-hidden": true,
       "aria-label": "error status"
     })

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useErrorContent } from "../../../../../components/Context/Field.context.js";
 import { TooltipErrorText, StatusIndicator } from "./ErrorTooltip.style.js";
 import Tooltip from "../../../../../../Tooltip/Tooltip.js";
@@ -8,12 +8,12 @@ const ErrorTooltip = ({
 }) => {
   const status = useFieldStatus();
   const errorContent = useErrorContent();
-  return status !== "error" || !errorContent ? null : jsxRuntimeExports.jsx(Tooltip, {
+  return status !== "error" || !errorContent ? null : jsx(Tooltip, {
     open,
-    content: errorContent && jsxRuntimeExports.jsx(TooltipErrorText, {
+    content: errorContent && jsx(TooltipErrorText, {
       children: errorContent
     }) || void 0,
-    children: jsxRuntimeExports.jsx(StatusIndicator, {
+    children: jsx(StatusIndicator, {
       "aria-hidden": true,
       "aria-label": "error status"
     })

package/dist/Inputs/QuantityCounter/components/InputGroup/InputGroup.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 Compose = require("./components/Compose/Compose.cjs");
 const QuantityCounterInputTag_style = require("./components/InputTag/QuantityCounterInputTag.style.cjs");
@@ -11,13 +11,13 @@ const InputGroup = Object.assign(React.forwardRef(({
   valueLabel,
   ...restProps
 }, ref) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(InputGroup.Compose, {
+  return jsxRuntime.jsxs(InputGroup.Compose, {
     className,
     style,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(InputGroup.Tag, {
+    children: [jsxRuntime.jsx(InputGroup.Tag, {
       ...restProps,
       ref
-    }), jsxRuntime.jsxRuntimeExports.jsx(InputGroup.ValueLabel, {
+    }), jsxRuntime.jsx(InputGroup.ValueLabel, {
       children: valueLabel
     })]
   });

package/dist/Inputs/QuantityCounter/components/InputGroup/InputGroup.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 { Compose } from "./components/Compose/Compose.js";
 import { QuantityCounterInputTag } from "./components/InputTag/QuantityCounterInputTag.style.js";
@@ -9,13 +9,13 @@ const InputGroup = Object.assign(forwardRef(({
   valueLabel,
   ...restProps
 }, ref) => {
-  return jsxRuntimeExports.jsxs(InputGroup.Compose, {
+  return jsxs(InputGroup.Compose, {
     className,
     style,
-    children: [jsxRuntimeExports.jsx(InputGroup.Tag, {
+    children: [jsx(InputGroup.Tag, {
       ...restProps,
       ref
-    }), jsxRuntimeExports.jsx(InputGroup.ValueLabel, {
+    }), jsx(InputGroup.ValueLabel, {
       children: valueLabel
     })]
   });

package/dist/Inputs/QuantityCounter/components/InputGroup/components/Compose/Compose.cjs

@@ -1,8 +1,8 @@
 "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 Compose_style = require("./Compose.style.cjs");
-const Compose = (props) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.InputGroupCompose, {
+const Compose = (props) => jsxRuntime.jsx(Compose_style.InputGroupCompose, {
   ...props
 });
 exports.Compose = Compose;

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

package/dist/Inputs/QuantityCounter/components/InputGroup/components/ValueLabel/ValueLabel.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 InputValue_context = require("../../../../../components/Context/InputValue.context.cjs");
 const ValueLabel_style = require("./ValueLabel.style.cjs");
@@ -14,7 +14,7 @@ const ValueLabel = ({
     return null;
   }
   if (typeof children === "string") {
-    return jsxRuntime.jsxRuntimeExports.jsx(ValueLabel_style.ValueLabel, {
+    return jsxRuntime.jsx(ValueLabel_style.ValueLabel, {
       component: "span",
       children
     });

package/dist/Inputs/QuantityCounter/components/InputGroup/components/ValueLabel/ValueLabel.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Children } from "react";
 import { useInputValueApi } from "../../../../../components/Context/InputValue.context.js";
 import { ValueLabel as ValueLabel$1 } from "./ValueLabel.style.js";
@@ -12,7 +12,7 @@ const ValueLabel = ({
     return null;
   }
   if (typeof children === "string") {
-    return jsxRuntimeExports.jsx(ValueLabel$1, {
+    return jsx(ValueLabel$1, {
       component: "span",
       children
     });

package/dist/Inputs/QuantityCounter/components/StepButton/StepButton.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("../../../components/Context/Field.context.cjs");
 const InputValue_context = require("../../../components/Context/InputValue.context.cjs");
@@ -36,7 +36,7 @@ const StepButton = ({
     decrement
   } = InputValue_context.useInputValueApi();
   const fieldDisabled = Field_context.useFieldDisabled();
-  return jsxRuntime.jsxRuntimeExports.jsx(ActionIconButton.default, {
+  return jsxRuntime.jsx(ActionIconButton.default, {
     variant,
     size,
     icon,

package/dist/Inputs/QuantityCounter/components/StepButton/StepButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { PlusIcon, MinusIcon } from "@redislabsdev/redis-ui-icons";
 import { useFieldDisabled } from "../../../components/Context/Field.context.js";
 import { useInputValueApi } from "../../../components/Context/InputValue.context.js";
@@ -34,7 +34,7 @@ const StepButton = ({
     decrement
   } = useInputValueApi();
   const fieldDisabled = useFieldDisabled();
-  return jsxRuntimeExports.jsx(ActionIconButton, {
+  return jsx(ActionIconButton, {
     variant,
     size,
     icon,

package/dist/Inputs/SearchInput/SearchInput.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 StatusIndicator = require("../components/StatusIndicator/StatusIndicator.cjs");
 const ResetButton = require("../components/ResetButton/ResetButton.cjs");
@@ -22,7 +22,7 @@ const SearchInput = Object.assign(React.forwardRef(({
   allowReset = true,
   ...restProps
 }, ref) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(SearchInput.Compose, {
+  return jsxRuntime.jsxs(SearchInput.Compose, {
     id,
     className,
     style,
@@ -34,12 +34,12 @@ const SearchInput = Object.assign(React.forwardRef(({
     onChange,
     readOnly: false,
     readonlyProps: restProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(SearchInput.SearchIcon, {}), jsxRuntime.jsxRuntimeExports.jsx(SearchInput.Tag, {
+    children: [jsxRuntime.jsx(SearchInput.SearchIcon, {}), jsxRuntime.jsx(SearchInput.Tag, {
       ref,
       ...restProps
-    }), jsxRuntime.jsxRuntimeExports.jsx(SearchInput.ResetButton, {
+    }), jsxRuntime.jsx(SearchInput.ResetButton, {
       allowReset
-    }), jsxRuntime.jsxRuntimeExports.jsx(SearchInput.StatusIndicator, {}), jsxRuntime.jsxRuntimeExports.jsx(SearchInput.LoadingIndicator, {
+    }), jsxRuntime.jsx(SearchInput.StatusIndicator, {}), jsxRuntime.jsx(SearchInput.LoadingIndicator, {
       loading
     })]
   });

package/dist/Inputs/SearchInput/SearchInput.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 StatusIndicator from "../components/StatusIndicator/StatusIndicator.js";
 import { ResetButton } from "../components/ResetButton/ResetButton.js";
@@ -20,7 +20,7 @@ const SearchInput = Object.assign(forwardRef(({
   allowReset = true,
   ...restProps
 }, ref) => {
-  return jsxRuntimeExports.jsxs(SearchInput.Compose, {
+  return jsxs(SearchInput.Compose, {
     id,
     className,
     style,
@@ -32,12 +32,12 @@ const SearchInput = Object.assign(forwardRef(({
     onChange,
     readOnly: false,
     readonlyProps: restProps,
-    children: [jsxRuntimeExports.jsx(SearchInput.SearchIcon, {}), jsxRuntimeExports.jsx(SearchInput.Tag, {
+    children: [jsx(SearchInput.SearchIcon, {}), jsx(SearchInput.Tag, {
       ref,
       ...restProps
-    }), jsxRuntimeExports.jsx(SearchInput.ResetButton, {
+    }), jsx(SearchInput.ResetButton, {
       allowReset
-    }), jsxRuntimeExports.jsx(SearchInput.StatusIndicator, {}), jsxRuntimeExports.jsx(SearchInput.LoadingIndicator, {
+    }), jsx(SearchInput.StatusIndicator, {}), jsx(SearchInput.LoadingIndicator, {
       loading
     })]
   });

package/dist/Inputs/SearchInput/components/SearchIcon/SearchIcon.cjs

@@ -1,11 +1,11 @@
 "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 redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const SearchIcon = () => {
   const style = redisUiStyles.useTheme().components.input.search;
-  return jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.SearchIcon, {
+  return jsxRuntime.jsx(redisUiIcons.SearchIcon, {
     size: "M",
     customColor: style.iconColor,
     "aria-hidden": true

package/dist/Inputs/SearchInput/components/SearchIcon/SearchIcon.js

@@ -1,9 +1,9 @@
-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 { SearchIcon as SearchIcon$1 } from "@redislabsdev/redis-ui-icons";
 const SearchIcon = () => {
   const style = useTheme().components.input.search;
-  return jsxRuntimeExports.jsx(SearchIcon$1, {
+  return jsx(SearchIcon$1, {
     size: "M",
     customColor: style.iconColor,
     "aria-hidden": true

package/dist/Inputs/TextArea/TextArea.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 Compose = require("./components/Compose/Compose.cjs");
 const TextAreaTag = require("./components/TextAreaTag/TextAreaTag.cjs");
@@ -20,7 +20,7 @@ const TextArea = Object.assign(React.forwardRef(({
   height,
   ...restProps
 }, ref) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(TextArea.Compose, {
+  return jsxRuntime.jsxs(TextArea.Compose, {
     id,
     className,
     style,
@@ -33,10 +33,10 @@ const TextArea = Object.assign(React.forwardRef(({
     defaultValue,
     onChange,
     readonlyProps: restProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(TextArea.Tag, {
+    children: [jsxRuntime.jsx(TextArea.Tag, {
       ref,
       ...restProps
-    }), jsxRuntime.jsxRuntimeExports.jsx(TextArea.StatusIndicator, {})]
+    }), jsxRuntime.jsx(TextArea.StatusIndicator, {})]
   });
 }), {
   StatusIndicator: StatusIndicator_style.TextAreaStatusIndicator,

package/dist/Inputs/TextArea/TextArea.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 { Compose } from "./components/Compose/Compose.js";
 import TextAreaTag from "./components/TextAreaTag/TextAreaTag.js";
@@ -18,7 +18,7 @@ const TextArea = Object.assign(forwardRef(({
   height,
   ...restProps
 }, ref) => {
-  return jsxRuntimeExports.jsxs(TextArea.Compose, {
+  return jsxs(TextArea.Compose, {
     id,
     className,
     style,
@@ -31,10 +31,10 @@ const TextArea = Object.assign(forwardRef(({
     defaultValue,
     onChange,
     readonlyProps: restProps,
-    children: [jsxRuntimeExports.jsx(TextArea.Tag, {
+    children: [jsx(TextArea.Tag, {
       ref,
       ...restProps
-    }), jsxRuntimeExports.jsx(TextArea.StatusIndicator, {})]
+    }), jsx(TextArea.StatusIndicator, {})]
   });
 }), {
   StatusIndicator: TextAreaStatusIndicator,

package/dist/Inputs/TextArea/components/Compose/Compose.cjs

@@ -1,11 +1,11 @@
 "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 Compose_style = require("./Compose.style.cjs");
 const DefaultReadonlyRender = ({
   value,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.ReadonlyValue, {
+}) => jsxRuntime.jsx(Compose_style.ReadonlyValue, {
   ...restProps,
   tabIndex: 0,
   children: value
@@ -13,7 +13,7 @@ const DefaultReadonlyRender = ({
 const Compose = ({
   readonlyRender = DefaultReadonlyRender,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.TextAreaCompose, {
+}) => jsxRuntime.jsx(Compose_style.TextAreaCompose, {
   ...restProps,
   readonlyRender
 });

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

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { TextAreaCompose, ReadonlyValue } from "./Compose.style.js";
 const DefaultReadonlyRender = ({
   value,
   ...restProps
-}) => jsxRuntimeExports.jsx(ReadonlyValue, {
+}) => jsx(ReadonlyValue, {
   ...restProps,
   tabIndex: 0,
   children: value
@@ -11,7 +11,7 @@ const DefaultReadonlyRender = ({
 const Compose = ({
   readonlyRender = DefaultReadonlyRender,
   ...restProps
-}) => jsxRuntimeExports.jsx(TextAreaCompose, {
+}) => jsx(TextAreaCompose, {
   ...restProps,
   readonlyRender
 });

package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.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");
@@ -33,13 +33,13 @@ const TextAreaTag = React.forwardRef(({
   const requiredProps = required ? {
     "aria-required": true
   } : null;
-  const errorAlert = status === "error" ? jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+  const errorAlert = status === "error" ? jsxRuntime.jsx(index$1.VisuallyHidden, {
     id: errorId,
     role: "alert",
     children: errorContent
   }) : null;
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(TextAreaTag_style.TextAreaTag, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(TextAreaTag_style.TextAreaTag, {
       id: sharedId,
       disabled: fieldDisabled,
       autoComplete,

package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.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";
@@ -31,13 +31,13 @@ const TextAreaTag = forwardRef(({
   const requiredProps = required ? {
     "aria-required": true
   } : null;
-  const errorAlert = status === "error" ? jsxRuntimeExports.jsx(VisuallyHidden, {
+  const errorAlert = status === "error" ? jsx(VisuallyHidden, {
     id: errorId,
     role: "alert",
     children: errorContent
   }) : null;
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-    children: [jsxRuntimeExports.jsx(TextAreaTag$1, {
+  return jsxs(Fragment, {
+    children: [jsx(TextAreaTag$1, {
       id: sharedId,
       disabled: fieldDisabled,
       autoComplete,

package/dist/Inputs/components/AutoSizeInput/AutoSizeInput.cjs

@@ -1,13 +1,13 @@
 "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 AutoSizeInput_style = require("./AutoSizeInput.style.cjs");
 const AutoSizeInput = ({
   children,
   ...restProps
 }) => {
   if (restProps.type === "password" || restProps.autoComplete === "password") {
-    return typeof children === "function" ? children(restProps) : jsxRuntime.jsxRuntimeExports.jsx("input", {
+    return typeof children === "function" ? children(restProps) : jsxRuntime.jsx("input", {
       ...restProps
     });
   }
@@ -16,11 +16,11 @@ const AutoSizeInput = ({
     style,
     ...inputProps
   } = restProps;
-  return jsxRuntime.jsxRuntimeExports.jsx(AutoSizeInput_style.AutoSizeContainer, {
+  return jsxRuntime.jsx(AutoSizeInput_style.AutoSizeContainer, {
     "data-value": inputProps.value || inputProps.placeholder,
     className,
     style,
-    children: typeof children === "function" ? children(inputProps) : jsxRuntime.jsxRuntimeExports.jsx("input", {
+    children: typeof children === "function" ? children(inputProps) : jsxRuntime.jsx("input", {
       ...inputProps
     })
   });

package/dist/Inputs/components/AutoSizeInput/AutoSizeInput.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { AutoSizeContainer } from "./AutoSizeInput.style.js";
 const AutoSizeInput = ({
   children,
   ...restProps
 }) => {
   if (restProps.type === "password" || restProps.autoComplete === "password") {
-    return typeof children === "function" ? children(restProps) : jsxRuntimeExports.jsx("input", {
+    return typeof children === "function" ? children(restProps) : jsx("input", {
       ...restProps
     });
   }
@@ -14,11 +14,11 @@ const AutoSizeInput = ({
     style,
     ...inputProps
   } = restProps;
-  return jsxRuntimeExports.jsx(AutoSizeContainer, {
+  return jsx(AutoSizeContainer, {
     "data-value": inputProps.value || inputProps.placeholder,
     className,
     style,
-    children: typeof children === "function" ? children(inputProps) : jsxRuntimeExports.jsx("input", {
+    children: typeof children === "function" ? children(inputProps) : jsx("input", {
       ...inputProps
     })
   });

package/dist/Inputs/components/Compose/CommonCompose.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 Field_context = require("../Context/Field.context.cjs");
 const ReadonlyRenderWrapper = require("../ReadonlyRender/ReadonlyRenderWrapper.cjs");
 const InputTag_style = require("../InputTag/InputTag.style.cjs");
@@ -11,7 +11,7 @@ const react_utils = require("../../../Helpers/react.utils.cjs");
 const DefaultReadonlyRender = ({
   value,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.ReadonlyValue, {
+}) => jsxRuntime.jsx(Compose_style.ReadonlyValue, {
   ...restProps,
   children: value
 });
@@ -28,25 +28,25 @@ const CommonInputCompose = ({
   ...restProps
 }) => {
   const fieldReadonly = FormField_context.useFieldReadonly(readOnly);
-  return jsxRuntime.jsxRuntimeExports.jsx(SharedId_context.SharedIdTransProvider, {
+  return jsxRuntime.jsx(SharedId_context.SharedIdTransProvider, {
     customId: id,
     children: fieldReadonly ? (
       // $data-children is passed for special cases, when children is necessary for rendering (see password compose)
       // it will be ignored by styled-components, if not used by renderer
-      jsxRuntime.jsxRuntimeExports.jsx(ReadonlyRenderWrapper.ReadonlyRenderWrapper, {
+      jsxRuntime.jsx(ReadonlyRenderWrapper.ReadonlyRenderWrapper, {
         ...readonlyProps,
         ...restProps,
         render: readonlyRender,
         "$data-children": children
       })
-    ) : jsxRuntime.jsxRuntimeExports.jsx(Field_context.FieldDisabledTransProvider, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldStatusTransProvider, {
+    ) : jsxRuntime.jsx(Field_context.FieldDisabledTransProvider, {
+      children: jsxRuntime.jsx(FormField_context.FieldStatusTransProvider, {
         value: error && "error" || valid && "success" || "none",
-        children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldRequiredTransProvider, {
-          children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldAdditionTextIdTransProvider, {
-            children: jsxRuntime.jsxRuntimeExports.jsx(Field_context.ErrorContentProvider, {
+        children: jsxRuntime.jsx(FormField_context.FieldRequiredTransProvider, {
+          children: jsxRuntime.jsx(FormField_context.FieldAdditionTextIdTransProvider, {
+            children: jsxRuntime.jsx(Field_context.ErrorContentProvider, {
               value: error ?? "",
-              children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.CommonInputCompose, {
+              children: jsxRuntime.jsx(Compose_style.CommonInputCompose, {
                 "$variant": variant,
                 ...restProps,
                 "data-editable": "",

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { FieldDisabledTransProvider, ErrorContentProvider } from "../Context/Field.context.js";
 import { ReadonlyRenderWrapper } from "../ReadonlyRender/ReadonlyRenderWrapper.js";
 import { InputTag } from "../InputTag/InputTag.style.js";
@@ -9,7 +9,7 @@ import { combineHandlers } from "../../../Helpers/react.utils.js";
 const DefaultReadonlyRender = ({
   value,
   ...restProps
-}) => jsxRuntimeExports.jsx(ReadonlyValue, {
+}) => jsx(ReadonlyValue, {
   ...restProps,
   children: value
 });
@@ -26,25 +26,25 @@ const CommonInputCompose = ({
   ...restProps
 }) => {
   const fieldReadonly = useFieldReadonly(readOnly);
-  return jsxRuntimeExports.jsx(SharedIdTransProvider, {
+  return jsx(SharedIdTransProvider, {
     customId: id,
     children: fieldReadonly ? (
       // $data-children is passed for special cases, when children is necessary for rendering (see password compose)
       // it will be ignored by styled-components, if not used by renderer
-      jsxRuntimeExports.jsx(ReadonlyRenderWrapper, {
+      jsx(ReadonlyRenderWrapper, {
         ...readonlyProps,
         ...restProps,
         render: readonlyRender,
         "$data-children": children
       })
-    ) : jsxRuntimeExports.jsx(FieldDisabledTransProvider, {
-      children: jsxRuntimeExports.jsx(FieldStatusTransProvider, {
+    ) : jsx(FieldDisabledTransProvider, {
+      children: jsx(FieldStatusTransProvider, {
         value: error && "error" || valid && "success" || "none",
-        children: jsxRuntimeExports.jsx(FieldRequiredTransProvider, {
-          children: jsxRuntimeExports.jsx(FieldAdditionTextIdTransProvider, {
-            children: jsxRuntimeExports.jsx(ErrorContentProvider, {
+        children: jsx(FieldRequiredTransProvider, {
+          children: jsx(FieldAdditionTextIdTransProvider, {
+            children: jsx(ErrorContentProvider, {
               value: error ?? "",
-              children: jsxRuntimeExports.jsx(CommonInputCompose$1, {
+              children: jsx(CommonInputCompose$1, {
                 "$variant": variant,
                 ...restProps,
                 "data-editable": "",