@rehagro/ui 1.0.9 → 1.0.11

package/dist/index.d.mts

@@ -211,9 +211,12 @@ declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAt
 type TextInputStatus = "default" | "error";
 type TextInputSize = "sm" | "md" | "lg";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
 type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
     label?: string;
+    /** Label font weight */
+    labelWeight?: TextInputLabelWeight;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */
@@ -234,6 +237,8 @@ type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"
 declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
     label?: string;
+    /** Label font weight */
+    labelWeight?: TextInputLabelWeight;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */
@@ -260,6 +265,8 @@ type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 };
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Checkbox size */
@@ -268,6 +275,8 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTML
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type SelectSize = "sm" | "md" | "lg";
@@ -614,6 +623,8 @@ type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children">
     stickyHeader?: boolean;
     /** Custom header row style */
     headerStyle?: React$1.CSSProperties;
+    /** Custom header text class (overrides default rh-text-text-muted) */
+    headerTextClassName?: string;
 };
 declare const Table: <T>(props: TableProps<T> & {
     ref?: React$1.ForwardedRef<HTMLTableElement>;

package/dist/index.d.ts

@@ -211,9 +211,12 @@ declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAt
 type TextInputStatus = "default" | "error";
 type TextInputSize = "sm" | "md" | "lg";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
 type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
     label?: string;
+    /** Label font weight */
+    labelWeight?: TextInputLabelWeight;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */
@@ -234,6 +237,8 @@ type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"
 declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
     label?: string;
+    /** Label font weight */
+    labelWeight?: TextInputLabelWeight;
     /** Subtitle displayed next to the label */
     subtitle?: string;
     /** Validation status */
@@ -260,6 +265,8 @@ type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 };
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Checkbox size */
@@ -268,6 +275,8 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTML
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type SelectSize = "sm" | "md" | "lg";
@@ -614,6 +623,8 @@ type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children">
     stickyHeader?: boolean;
     /** Custom header row style */
     headerStyle?: React$1.CSSProperties;
+    /** Custom header text class (overrides default rh-text-text-muted) */
+    headerTextClassName?: string;
 };
 declare const Table: <T>(props: TableProps<T> & {
     ref?: React$1.ForwardedRef<HTMLTableElement>;

package/dist/index.js

@@ -940,8 +940,15 @@ var helperStatusClasses = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
+var labelWeightClasses = {
+  normal: "rh-font-normal",
+  medium: "rh-font-medium",
+  semibold: "rh-font-semibold",
+  bold: "rh-font-bold"
+};
 var TextInput = React8.forwardRef(function TextInput2({
   label,
+  labelWeight = "medium",
   subtitle,
   status = "default",
   size = "md",
@@ -962,7 +969,7 @@ var TextInput = React8.forwardRef(function TextInput2({
       className: ["rh-flex rh-flex-col rh-gap-[0.5rem] rh-font-sans", wrapperClassName].filter(Boolean).join(" "),
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${labelWeightClasses[labelWeight]} rh-text-text`, children: label }),
           subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1078,98 +1085,79 @@ var MinusIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M1 1H9",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    )
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
   }
 );
-var Checkbox = React8.forwardRef(
-  function Checkbox2({
-    size = "md",
-    label,
-    indeterminate = false,
-    disabled,
-    checked,
-    defaultChecked,
-    className = "",
-    id,
-    onChange,
-    ...rest
-  }, ref) {
-    const innerRef = React8__default.default.useRef(null);
-    const inputId = id || React8__default.default.useId();
-    React8__default.default.useImperativeHandle(ref, () => innerRef.current);
-    React8__default.default.useEffect(() => {
-      if (innerRef.current) {
-        innerRef.current.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const isChecked = checked ?? innerRef.current?.checked ?? defaultChecked ?? false;
-    const isActive = isChecked || indeterminate;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        htmlFor: inputId,
-        className: [
-          "rh-inline-flex rh-items-center rh-gap-2 rh-font-sans rh-select-none",
-          disabled ? "rh-cursor-not-allowed rh-opacity-50" : "rh-cursor-pointer",
-          className
-        ].filter(Boolean).join(" "),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-relative rh-inline-flex rh-items-center rh-justify-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref: innerRef,
-                id: inputId,
-                type: "checkbox",
-                disabled,
-                checked,
-                defaultChecked,
-                "aria-checked": indeterminate ? "mixed" : void 0,
-                onChange,
-                className: "rh-peer rh-sr-only",
-                ...rest
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: [
-                  "rh-inline-flex rh-items-center rh-justify-center",
-                  "rh-border rh-border-border rh-rounded-xxs",
-                  "rh-transition-colors rh-duration-150",
-                  sizeClasses4[size],
-                  isActive ? "rh-bg-primary rh-border-primary rh-text-surface" : "rh-bg-surface rh-text-transparent",
-                  !disabled && !isActive ? "hover:rh-border-primary" : "",
-                  "peer-focus-visible:rh-ring-2 peer-focus-visible:rh-ring-ring peer-focus-visible:rh-ring-offset-2"
-                ].filter(Boolean).join(" "),
-                "aria-hidden": "true",
-                children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, { className: iconSizeClasses2[size] }) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: iconSizeClasses2[size] }) : null
-              }
-            )
-          ] }),
-          label && /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React8.forwardRef(function Checkbox2({
+  size = "md",
+  label,
+  indeterminate = false,
+  disabled,
+  checked,
+  defaultChecked,
+  className = "",
+  id,
+  onChange,
+  ...rest
+}, ref) {
+  const innerRef = React8__default.default.useRef(null);
+  const inputId = id || React8__default.default.useId();
+  React8__default.default.useImperativeHandle(ref, () => innerRef.current);
+  React8__default.default.useEffect(() => {
+    if (innerRef.current) {
+      innerRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const isChecked = checked ?? innerRef.current?.checked ?? defaultChecked ?? false;
+  const isActive = isChecked || indeterminate;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      htmlFor: inputId,
+      className: [
+        "rh-inline-flex rh-items-center rh-gap-2 rh-font-sans rh-select-none",
+        disabled ? "rh-cursor-not-allowed rh-opacity-50" : "rh-cursor-pointer",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-relative rh-inline-flex rh-items-center rh-justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: innerRef,
+              id: inputId,
+              type: "checkbox",
+              disabled,
+              checked,
+              defaultChecked,
+              "aria-checked": indeterminate ? "mixed" : void 0,
+              onChange,
+              className: "rh-peer rh-sr-only",
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               className: [
-                "rh-text-text",
-                labelSizeClasses[size]
-              ].join(" "),
-              children: label
+                "rh-inline-flex rh-items-center rh-justify-center",
+                "rh-border rh-border-border rh-rounded-xxs",
+                "rh-transition-colors rh-duration-150",
+                sizeClasses4[size],
+                isActive ? "rh-bg-primary rh-border-primary rh-text-surface" : "rh-bg-surface rh-text-transparent",
+                !disabled && !isActive ? "hover:rh-border-primary" : "",
+                "peer-focus-visible:rh-ring-2 peer-focus-visible:rh-ring-ring peer-focus-visible:rh-ring-offset-2"
+              ].filter(Boolean).join(" "),
+              "aria-hidden": "true",
+              children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, { className: iconSizeClasses2[size] }) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: iconSizeClasses2[size] }) : null
             }
           )
-        ]
-      }
-    );
-  }
-);
+        ] }),
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["rh-text-text", labelSizeClasses[size]].join(" "), children: label })
+      ]
+    }
+  );
+});
 var statusClasses2 = {
   default: "rh-border-border focus-within:rh-ring-2 focus-within:rh-ring-ring focus-within:rh-ring-offset-2",
   error: "rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-danger focus-within:rh-ring-offset-2"
@@ -2072,6 +2060,7 @@ var TagInput = React8.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
+              onClick: disabled ? void 0 : handleAddClick,
               className: [
                 "rh-flex rh-flex-row rh-items-center rh-justify-between rh-gap-2",
                 "rh-border rh-bg-surface rh-font-sans",
@@ -2079,7 +2068,7 @@ var TagInput = React8.forwardRef(
                 statusClasses3[status],
                 radiusClasses5[radius],
                 sizeClasses9[size],
-                disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "",
+                disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
                 className
               ].filter(Boolean).join(" "),
               children: [
@@ -2099,7 +2088,10 @@ var TagInput = React8.forwardRef(
                           "button",
                           {
                             type: "button",
-                            onClick: () => handleRemoveTag(tag.value),
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              handleRemoveTag(tag.value);
+                            },
                             disabled,
                             className: [
                               "rh-flex rh-items-center rh-justify-center",
@@ -2620,6 +2612,7 @@ function TableInner({
   loadingContent,
   stickyHeader = false,
   headerStyle,
+  headerTextClassName,
   className = "",
   ...rest
 }, ref) {
@@ -2679,7 +2672,7 @@ function TableInner({
             className: [
               sizeClasses12[size].header,
               alignClasses[column.align || "left"],
-              "rh-font-semibold rh-text-text-muted rh-whitespace-nowrap",
+              `rh-font-semibold rh-whitespace-nowrap ${headerTextClassName || "rh-text-text-muted"}`,
               stickyHeader ? "rh-sticky rh-top-0 rh-bg-surface rh-z-10" : "",
               column.sortable ? "rh-cursor-pointer rh-select-none hover:rh-text-text" : ""
             ].filter(Boolean).join(" "),