@rehagro/ui 1.0.29 → 1.0.30

package/dist/index.d.mts

@@ -116,13 +116,18 @@ type RehagroTheme = {
     inputPxSm?: string;
     inputPxMd?: string;
     inputPxLg?: string;
+    /** Button heights */
+    buttonHeightSm?: string;
+    buttonHeightMd?: string;
+    buttonHeightLg?: string;
+    buttonHeightXl?: string;
     /** Typography — Inter for body/labels, Sora for headings/display */
     fontFamilyBody?: string;
     fontFamilyDisplay?: string;
 };
 type RehagroProviderProps = {
     /** Theme overrides — any token not provided keeps the default value */
-    theme?: RehagroTheme;
+    theme: RehagroTheme;
     /** Toast container position. Default: "top-right" */
     toastPosition?: ToastPosition;
     children: React.ReactNode;
@@ -131,7 +136,7 @@ type RehagroProviderProps = {
 declare function RehagroProvider({ theme, toastPosition, children }: RehagroProviderProps): react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = "solid" | "outline" | "ghost";
-type ButtonSize = "sm" | "md" | "lg";
+type ButtonSize = "sm" | "md" | "lg" | "xl";
 type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type ButtonHoverStyle = {
     /** Background on hover */

package/dist/index.d.ts

@@ -116,13 +116,18 @@ type RehagroTheme = {
     inputPxSm?: string;
     inputPxMd?: string;
     inputPxLg?: string;
+    /** Button heights */
+    buttonHeightSm?: string;
+    buttonHeightMd?: string;
+    buttonHeightLg?: string;
+    buttonHeightXl?: string;
     /** Typography — Inter for body/labels, Sora for headings/display */
     fontFamilyBody?: string;
     fontFamilyDisplay?: string;
 };
 type RehagroProviderProps = {
     /** Theme overrides — any token not provided keeps the default value */
-    theme?: RehagroTheme;
+    theme: RehagroTheme;
     /** Toast container position. Default: "top-right" */
     toastPosition?: ToastPosition;
     children: React.ReactNode;
@@ -131,7 +136,7 @@ type RehagroProviderProps = {
 declare function RehagroProvider({ theme, toastPosition, children }: RehagroProviderProps): react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = "solid" | "outline" | "ghost";
-type ButtonSize = "sm" | "md" | "lg";
+type ButtonSize = "sm" | "md" | "lg" | "xl";
 type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type ButtonHoverStyle = {
     /** Background on hover */

package/dist/index.js

@@ -45,6 +45,10 @@ var TOKEN_MAP = {
   inputPxSm: { var: "--rh-input-px-sm", isColor: false },
   inputPxMd: { var: "--rh-input-px-md", isColor: false },
   inputPxLg: { var: "--rh-input-px-lg", isColor: false },
+  buttonHeightSm: { var: "--rh-button-height-sm", isColor: false },
+  buttonHeightMd: { var: "--rh-button-height-md", isColor: false },
+  buttonHeightLg: { var: "--rh-button-height-lg", isColor: false },
+  buttonHeightXl: { var: "--rh-button-height-xl", isColor: false },
   fontFamilyBody: { var: "--rh-font-family", isColor: false },
   fontFamilyDisplay: { var: "--rh-font-family-display", isColor: false }
 };
@@ -691,7 +695,6 @@ function toRgbTriplet(value) {
 }
 function RehagroProvider({ theme, toastPosition, children }) {
   const style = React9.useMemo(() => {
-    if (!theme) return void 0;
     const vars = {};
     for (const [key, config] of Object.entries(TOKEN_MAP)) {
       const value = theme[key];
@@ -768,9 +771,10 @@ function getArbitraryColorStyle(variant, color) {
   return { color, borderColor: "transparent" };
 }
 var sizeClasses = {
-  sm: "rh-text-sm rh-px-3 rh-py-1.5",
-  md: "rh-text-sm rh-px-4 rh-py-2",
-  lg: "rh-text-base rh-px-5 rh-py-2.5"
+  sm: "rh-text-sm rh-px-3 rh-h-button-sm",
+  md: "rh-text-sm rh-px-4 rh-h-button-md",
+  lg: "rh-text-base rh-px-5 rh-h-button-lg",
+  xl: "rh-text-lg rh-px-6 rh-h-button-xl"
 };
 var radiusClasses = {
   none: "rh-rounded-none",