react-better-html 1.1.98 → 1.1.100

package/dist/index.d.mts

@@ -731,7 +731,11 @@ type BetterHtmlConfig = {
     assets: Partial<AssetsConfig>;
     loaders: Partial<LoaderConfig>;
     components: {
-        button?: ComponentConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
+        button?: {
+            style?: ComponentConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
+            buttonComponent?: React.ReactNode;
+            linkComponent?: React.ReactNode;
+        };
     };
 };
 

package/dist/index.d.ts

@@ -731,7 +731,11 @@ type BetterHtmlConfig = {
     assets: Partial<AssetsConfig>;
     loaders: Partial<LoaderConfig>;
     components: {
-        button?: ComponentConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
+        button?: {
+            style?: ComponentConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
+            buttonComponent?: React.ReactNode;
+            linkComponent?: React.ReactNode;
+        };
     };
 };
 

package/dist/index.js

@@ -2566,7 +2566,6 @@ var Image_default = { Image: MemoizedImage }.Image;
 
 // src/components/Button.tsx
 var import_react9 = require("react");
-var import_react_router_dom2 = require("react-router-dom");
 var import_styled_components7 = __toESM(require("styled-components"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonElement = import_styled_components7.default.button.withConfig({
@@ -2649,7 +2648,7 @@ var ButtonComponent = function Button({
   const isLoadingElement = isLoading ?? isLoadingHook;
   const styledComponentStyles = useStyledComponentStyles(
     {
-      ...betterHtmlContext2.components.button?.default,
+      ...betterHtmlContext2.components.button?.style?.default,
       ...props
     },
     theme2
@@ -2681,10 +2680,12 @@ var ButtonComponent = function Button({
       height: imageHeight
     }
   ) : void 0;
+  const linkComponentTag = betterHtmlContext2.components.button?.linkComponent ?? "a";
+  const buttonComponentTag = betterHtmlContext2.components.button?.buttonComponent ?? "button";
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     ButtonElement,
     {
-      as: href ? import_react_router_dom2.Link : "button",
+      as: href ? linkComponentTag : buttonComponentTag,
       theme: theme2,
       colorTheme: betterHtmlContext2.colorTheme,
       isSmall,
@@ -2692,6 +2693,7 @@ var ButtonComponent = function Button({
       isLoading: isLoadingElement,
       disabled,
       to: href,
+      href,
       download,
       target,
       type: isSubmit && !isLoadingElement ? "submit" : "button",
@@ -2752,7 +2754,7 @@ ButtonComponent.secondary = function Secondary({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     ButtonComponent,
     {
-      ...betterHtmlContext2.components.button?.secondary,
+      ...betterHtmlContext2.components.button?.style?.secondary,
       className: `secondary${className ? ` ${className}` : ""}`,
       color: theme2.colors.textPrimary,
       ...props
@@ -2765,7 +2767,7 @@ ButtonComponent.destructive = function Destructive(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     ButtonComponent,
     {
-      ...betterHtmlContext2.components.button?.destructive,
+      ...betterHtmlContext2.components.button?.style?.destructive,
       backgroundColor: theme2.colors.error,
       color: theme2.colors.base,
       ...props
@@ -2780,7 +2782,7 @@ ButtonComponent.icon = function Icon3({ size = 16, backgroundButtonColor, ...pro
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     ButtonComponent,
     {
-      ...betterHtmlContext2.components.button?.icon,
+      ...betterHtmlContext2.components.button?.style?.icon,
       width: buttonSize,
       height: buttonSize,
       color: theme2.colors.textPrimary,
@@ -2812,7 +2814,7 @@ ButtonComponent.upload = function Upload({ accept, multiple, onUpload, ...props
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     ButtonComponent,
     {
-      ...betterHtmlContext2.components.button?.upload,
+      ...betterHtmlContext2.components.button?.style?.upload,
       text: "Upload",
       icon: "uploadCloud",
       onClick: onClickElement,
@@ -7263,12 +7265,12 @@ var loaderControls = {
 };
 
 // src/plugins/react-router-dom.ts
-var import_react_router_dom3 = require("react-router-dom");
+var import_react_router_dom2 = require("react-router-dom");
 var reactRouterDomPlugin = {
   name: "react-router-dom",
   components: {
-    Link: import_react_router_dom3.Link,
-    NavLink: import_react_router_dom3.NavLink
+    Link: import_react_router_dom2.Link,
+    NavLink: import_react_router_dom2.NavLink
   },
   initialize: () => {
     console.log("react-router-dom plugin initialized");