@rehagro/ui 1.0.40 → 1.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -2540,9 +2540,30 @@ var TagInput = forwardRef(function TagInput2({
2540
2540
  }
2541
2541
  );
2542
2542
  });
2543
- var ProgressBar = forwardRef(function ProgressBar2({ value, label, size = "sm", showPercentage = true, barColor, bgColor, className = "" }, ref) {
2543
+ var THICKNESS_MAP = {
2544
+ xs: 2,
2545
+ sm: 4,
2546
+ md: 8,
2547
+ lg: 12,
2548
+ xl: 16
2549
+ };
2550
+ function resolveThickness(thickness) {
2551
+ if (typeof thickness === "number") return thickness;
2552
+ return THICKNESS_MAP[thickness];
2553
+ }
2554
+ var ProgressBar = forwardRef(function ProgressBar2({
2555
+ value,
2556
+ label,
2557
+ variant = "inline",
2558
+ thickness = "sm",
2559
+ showPercentage = true,
2560
+ barColor,
2561
+ bgColor,
2562
+ className = ""
2563
+ }, ref) {
2544
2564
  const clampedValue = Math.min(100, Math.max(0, value));
2545
- if (size === "lg") {
2565
+ const heightPx = resolveThickness(thickness);
2566
+ if (variant === "stacked") {
2546
2567
  return /* @__PURE__ */ jsxs(
2547
2568
  "div",
2548
2569
  {
@@ -2559,8 +2580,8 @@ var ProgressBar = forwardRef(function ProgressBar2({ value, label, size = "sm",
2559
2580
  /* @__PURE__ */ jsx(
2560
2581
  "div",
2561
2582
  {
2562
- className: "rh-w-full rh-h-1 rh-rounded-[40px] rh-overflow-hidden",
2563
- style: { backgroundColor: bgColor || "#E5E7EB" },
2583
+ className: "rh-w-full rh-rounded-[40px] rh-overflow-hidden",
2584
+ style: { backgroundColor: bgColor || "#E5E7EB", height: heightPx },
2564
2585
  children: /* @__PURE__ */ jsx(
2565
2586
  "div",
2566
2587
  {
@@ -2586,8 +2607,8 @@ var ProgressBar = forwardRef(function ProgressBar2({ value, label, size = "sm",
2586
2607
  /* @__PURE__ */ jsx(
2587
2608
  "div",
2588
2609
  {
2589
- className: "rh-flex-1 rh-h-1 rh-rounded-[40px] rh-overflow-hidden",
2590
- style: { backgroundColor: bgColor || "#E5E7EB" },
2610
+ className: "rh-flex-1 rh-rounded-[40px] rh-overflow-hidden",
2611
+ style: { backgroundColor: bgColor || "#E5E7EB", height: heightPx },
2591
2612
  children: /* @__PURE__ */ jsx(
2592
2613
  "div",
2593
2614
  {