react-better-html 1.1.127 → 1.1.129

package/dist/index.js

@@ -1753,7 +1753,7 @@ var import_styled_components5 = __toESM(require("styled-components"));
 var import_react4 = require("react");
 var import_styled_components3 = __toESM(require("styled-components"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var StyledDiv = (0, import_styled_components3.default)(Div_default)`
+var StyledDiv = import_styled_components3.default.div`
    @keyframes loaderAnimation {
       to {
          transform: rotate(360deg);
@@ -1777,8 +1777,8 @@ var LoaderComponent = function Loader({
   const readyColor = color ?? theme2.colors.textPrimary;
   const readyWidth = width ?? size / 3;
   const mask = `radial-gradient(farthest-side, #0000 calc(100% - ${readyWidth}px), #000 0)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    StyledDiv,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledDiv, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Div_default,
     {
       width: size + readyWidth * 2,
       height: size + readyWidth * 2,
@@ -1790,7 +1790,7 @@ var LoaderComponent = function Loader({
       animation: !disabled ? "loaderAnimation .6s infinite linear" : void 0,
       ...props
     }
-  );
+  ) });
 };
 LoaderComponent.box = function Box({ text = "Loading...", size = 20, ...props }) {
   const theme2 = useTheme();
@@ -2141,7 +2141,7 @@ var Button_default = Button2;
 
 // src/components/alerts/Alert.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var StyledDiv2 = (0, import_styled_components6.default)(Div_default).withConfig({
+var StyledDiv2 = import_styled_components6.default.div.withConfig({
   shouldForwardProp: (prop) => !["theme"].includes(prop)
 })`
    @keyframes fadeInFromLeft {