@rehagro/ui 1.0.39 → 1.0.41

package/dist/index.d.mts

@@ -578,14 +578,17 @@ type TagInputProps = {
 };
 declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
-type ProgressBarSize = "sm" | "lg";
+type ProgressBarVariant = "inline" | "stacked";
+type ProgressBarThickness = "xs" | "sm" | "md" | "lg" | "xl";
 type ProgressBarProps = {
     /** Progress value from 0 to 100 */
     value: number;
-    /** Label text (only shown in lg size) */
+    /** Label text (only shown in stacked variant) */
     label?: string;
-    /** Size variant */
-    size?: ProgressBarSize;
+    /** Layout variant */
+    variant?: ProgressBarVariant;
+    /** Bar thickness — preset token or custom value in px */
+    thickness?: ProgressBarThickness | number;
     /** Whether to show percentage text */
     showPercentage?: boolean;
     /** Custom bar color */
@@ -894,4 +897,4 @@ declare function CaretLeftIcon({ className, ...props }: IconProps): react_jsx_ru
 
 declare function CaretRightIcon({ className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarThickness, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };

package/dist/index.d.ts

@@ -578,14 +578,17 @@ type TagInputProps = {
 };
 declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
-type ProgressBarSize = "sm" | "lg";
+type ProgressBarVariant = "inline" | "stacked";
+type ProgressBarThickness = "xs" | "sm" | "md" | "lg" | "xl";
 type ProgressBarProps = {
     /** Progress value from 0 to 100 */
     value: number;
-    /** Label text (only shown in lg size) */
+    /** Label text (only shown in stacked variant) */
     label?: string;
-    /** Size variant */
-    size?: ProgressBarSize;
+    /** Layout variant */
+    variant?: ProgressBarVariant;
+    /** Bar thickness — preset token or custom value in px */
+    thickness?: ProgressBarThickness | number;
     /** Whether to show percentage text */
     showPercentage?: boolean;
     /** Custom bar color */
@@ -894,4 +897,4 @@ declare function CaretLeftIcon({ className, ...props }: IconProps): react_jsx_ru
 
 declare function CaretRightIcon({ className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarThickness, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };

package/dist/index.js

@@ -1056,8 +1056,8 @@ var IconButton = React9.forwardRef(function IconButton2({
   );
 });
 var statusClasses = {
-  default: "rh-border-border focus-within:rh-ring-2 focus-within:rh-ring-ring",
-  error: "rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-danger"
+  default: "rh-border-border focus-within:rh-border-primary focus-within:rh-ring-2 focus-within:rh-ring-gray-200",
+  error: "rh-border-danger focus-within:rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-red-100"
 };
 var sizeClasses3 = {
   sm: "rh-h-input-sm rh-text-sm rh-px-input-x-sm",
@@ -1154,7 +1154,7 @@ var TextInput = React9.forwardRef(function TextInput2({
                   "aria-describedby": helperText ? `${inputId}-helper` : void 0,
                   className: [
                     "rh-flex-1 rh-min-w-0 rh-bg-transparent rh-outline-none",
-                    "rh-text-text placeholder:rh-text-text-muted",
+                    "rh-text-text placeholder:rh-text-text-muted hover:placeholder:rh-text-text",
                     disabled ? "rh-cursor-not-allowed" : ""
                   ].filter(Boolean).join(" "),
                   onChange: (e) => {
@@ -1477,8 +1477,8 @@ var RadioGroup = React9.forwardRef(function RadioGroup2({
   );
 });
 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"
+  default: "rh-border-border focus-within:rh-border-primary focus-within:rh-ring-2 focus-within:rh-ring-gray-200 ",
+  error: "rh-border-danger focus-within:rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-red-100 "
 };
 var sizeClasses5 = {
   sm: "rh-min-h-[32px] rh-text-sm rh-px-input-x-sm",
@@ -1745,7 +1745,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
             onClick: () => !disabled && setIsOpen((o) => !o),
             onKeyDown: handleKeyDown,
             className: [
-              "rh-flex rh-items-center rh-justify-between rh-gap-2",
+              "rh-group rh-flex rh-items-center rh-justify-between rh-gap-2",
               "rh-border rh-bg-surface rh-font-body",
               "rh-transition-colors rh-duration-150",
               "rh-text-left rh-w-full",
@@ -1761,7 +1761,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
                 {
                   className: [
                     "rh-flex-1 rh-truncate",
-                    displayText ? "rh-text-text" : "rh-text-text-muted"
+                    displayText ? "rh-text-text" : "rh-text-text-muted group-hover:rh-text-text"
                   ].join(" "),
                   children: displayText ?? placeholder
                 }
@@ -2546,9 +2546,30 @@ var TagInput = React9.forwardRef(function TagInput2({
     }
   );
 });
-var ProgressBar = React9.forwardRef(function ProgressBar2({ value, label, size = "sm", showPercentage = true, barColor, bgColor, className = "" }, ref) {
+var THICKNESS_MAP = {
+  xs: 2,
+  sm: 4,
+  md: 8,
+  lg: 12,
+  xl: 16
+};
+function resolveThickness(thickness) {
+  if (typeof thickness === "number") return thickness;
+  return THICKNESS_MAP[thickness];
+}
+var ProgressBar = React9.forwardRef(function ProgressBar2({
+  value,
+  label,
+  variant = "inline",
+  thickness = "sm",
+  showPercentage = true,
+  barColor,
+  bgColor,
+  className = ""
+}, ref) {
   const clampedValue = Math.min(100, Math.max(0, value));
-  if (size === "lg") {
+  const heightPx = resolveThickness(thickness);
+  if (variant === "stacked") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -2565,8 +2586,8 @@ var ProgressBar = React9.forwardRef(function ProgressBar2({ value, label, size =
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "rh-w-full rh-h-1 rh-rounded-[40px] rh-overflow-hidden",
-              style: { backgroundColor: bgColor || "#E5E7EB" },
+              className: "rh-w-full rh-rounded-[40px] rh-overflow-hidden",
+              style: { backgroundColor: bgColor || "#E5E7EB", height: heightPx },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -2592,8 +2613,8 @@ var ProgressBar = React9.forwardRef(function ProgressBar2({ value, label, size =
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "rh-flex-1 rh-h-1 rh-rounded-[40px] rh-overflow-hidden",
-            style: { backgroundColor: bgColor || "#E5E7EB" },
+            className: "rh-flex-1 rh-rounded-[40px] rh-overflow-hidden",
+            style: { backgroundColor: bgColor || "#E5E7EB", height: heightPx },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {