react-better-html 1.1.127 → 1.1.129

package/dist/index.mjs

@@ -1667,7 +1667,7 @@ import styled5, { css } from "styled-components";
 import { memo as memo3 } from "react";
 import styled3 from "styled-components";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var StyledDiv = styled3(Div_default)`
+var StyledDiv = styled3.div`
    @keyframes loaderAnimation {
       to {
          transform: rotate(360deg);
@@ -1691,8 +1691,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__ */ jsx3(
-    StyledDiv,
+  return /* @__PURE__ */ jsx3(StyledDiv, { children: /* @__PURE__ */ jsx3(
+    Div_default,
     {
       width: size + readyWidth * 2,
       height: size + readyWidth * 2,
@@ -1704,7 +1704,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();
@@ -2055,7 +2055,7 @@ var Button_default = Button2;
 
 // src/components/alerts/Alert.tsx
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var StyledDiv2 = styled6(Div_default).withConfig({
+var StyledDiv2 = styled6.div.withConfig({
   shouldForwardProp: (prop) => !["theme"].includes(prop)
 })`
    @keyframes fadeInFromLeft {