@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-MBAZ7OW5.js

@@ -1,607 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var circleSizes = {
-  xs: { size: 60, strokeWidth: 4 },
-  sm: { size: 80, strokeWidth: 6 },
-  md: { size: 120, strokeWidth: 8 },
-  lg: { size: 160, strokeWidth: 10 }
-};
-var progressContainerVariants = cva("w-full rounded-full overflow-hidden", {
-  variants: {
-    size: {
-      xs: "h-1",
-      sm: "h-2",
-      md: "h-3",
-      lg: "h-4"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var progressBarVariants = cva(
-  "h-full transition-[width,height] duration-300 ease-in-out rounded-full",
-  {
-    variants: {
-      size: {
-        xs: "",
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var backgroundColorStyles = {
-  default: {
-    default: "bg-surface",
-    solid: "bg-surface",
-    soft: "bg-surface/50"
-  },
-  primary: {
-    default: "bg-primary/10",
-    solid: "bg-primary/20",
-    soft: "bg-primary/10"
-  },
-  secondary: {
-    default: "bg-secondary/10",
-    solid: "bg-secondary/20",
-    soft: "bg-secondary/10"
-  },
-  accent: {
-    default: "bg-accent/10",
-    solid: "bg-accent/20",
-    soft: "bg-accent/10"
-  },
-  success: {
-    default: "bg-success/10",
-    solid: "bg-success/20",
-    soft: "bg-success/10"
-  },
-  error: {
-    default: "bg-error/10",
-    solid: "bg-error/20",
-    soft: "bg-error/10"
-  },
-  warning: {
-    default: "bg-warning/10",
-    solid: "bg-warning/20",
-    soft: "bg-warning/10"
-  },
-  info: {
-    default: "bg-info/10",
-    solid: "bg-info/20",
-    soft: "bg-info/10"
-  }
-};
-var barColorStyles = {
-  default: {
-    default: "bg-surface border border-border",
-    solid: "bg-surface",
-    soft: "bg-surface/80"
-  },
-  primary: {
-    default: "bg-primary/20 border border-primary",
-    solid: "bg-primary",
-    soft: "bg-primary/60"
-  },
-  secondary: {
-    default: "bg-secondary/20 border border-secondary",
-    solid: "bg-secondary",
-    soft: "bg-secondary/60"
-  },
-  accent: {
-    default: "bg-accent/20 border border-accent",
-    solid: "bg-accent",
-    soft: "bg-accent/60"
-  },
-  success: {
-    default: "bg-success/20 border border-success",
-    solid: "bg-success",
-    soft: "bg-success/60"
-  },
-  error: {
-    default: "bg-error/20 border border-error",
-    solid: "bg-error",
-    soft: "bg-error/60"
-  },
-  warning: {
-    default: "bg-warning/20 border border-warning",
-    solid: "bg-warning",
-    soft: "bg-warning/60"
-  },
-  info: {
-    default: "bg-info/20 border border-info",
-    solid: "bg-info",
-    soft: "bg-info/60"
-  }
-};
-var circleStrokeColors = {
-  default: {
-    default: "stroke-surface",
-    solid: "stroke-surface",
-    soft: "stroke-surface/80"
-  },
-  primary: {
-    default: "stroke-primary",
-    solid: "stroke-primary",
-    soft: "stroke-primary/60"
-  },
-  secondary: {
-    default: "stroke-secondary",
-    solid: "stroke-secondary",
-    soft: "stroke-secondary/60"
-  },
-  accent: {
-    default: "stroke-accent",
-    solid: "stroke-accent",
-    soft: "stroke-accent/60"
-  },
-  success: {
-    default: "stroke-success",
-    solid: "stroke-success",
-    soft: "stroke-success/60"
-  },
-  error: {
-    default: "stroke-error",
-    solid: "stroke-error",
-    soft: "stroke-error/60"
-  },
-  warning: {
-    default: "stroke-warning",
-    solid: "stroke-warning",
-    soft: "stroke-warning/60"
-  },
-  info: {
-    default: "stroke-info",
-    solid: "stroke-info",
-    soft: "stroke-info/60"
-  }
-};
-var circleTrailColors = {
-  default: {
-    default: "stroke-surface",
-    solid: "stroke-surface",
-    soft: "stroke-surface/50"
-  },
-  primary: {
-    default: "stroke-primary/10",
-    solid: "stroke-primary/20",
-    soft: "stroke-primary/10"
-  },
-  secondary: {
-    default: "stroke-secondary/10",
-    solid: "stroke-secondary/20",
-    soft: "stroke-secondary/10"
-  },
-  accent: {
-    default: "stroke-accent/10",
-    solid: "stroke-accent/20",
-    soft: "stroke-accent/10"
-  },
-  success: {
-    default: "stroke-success/10",
-    solid: "stroke-success/20",
-    soft: "stroke-success/10"
-  },
-  error: {
-    default: "stroke-error/10",
-    solid: "stroke-error/20",
-    soft: "stroke-error/10"
-  },
-  warning: {
-    default: "stroke-warning/10",
-    solid: "stroke-warning/20",
-    soft: "stroke-warning/10"
-  },
-  info: {
-    default: "stroke-info/10",
-    solid: "stroke-info/20",
-    soft: "stroke-info/10"
-  }
-};
-var Progress = React.memo(
-  ({
-    value,
-    color = "primary",
-    size = "md",
-    circleSize: customCircleSize,
-    strokeWidth: customStrokeWidth,
-    variant = "default",
-    type = "line",
-    orientation = "horizontal",
-    showProgress = false,
-    label,
-    striped = false,
-    animated = false,
-    className,
-    classNames,
-    totalSteps = 5,
-    "aria-label": ariaLabel
-  }) => {
-    const clampedValue = Math.min(Math.max(value, 0), 100);
-    const progressLabel = ariaLabel || label || "Progress";
-    if (type === "circle") {
-      const preset = circleSizes[size];
-      const circleSize = customCircleSize ?? preset.size;
-      const strokeWidth = customStrokeWidth ?? preset.strokeWidth;
-      const radius = (circleSize - strokeWidth) / 2;
-      const circumference = 2 * Math.PI * radius;
-      const offset = circumference - clampedValue / 100 * circumference;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "inline-flex flex-col items-center",
-            "progress_root",
-            className,
-            classNames?.root
-          ),
-          children: /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "relative",
-              style: { width: circleSize, height: circleSize },
-              role: "progressbar",
-              "aria-valuenow": clampedValue,
-              "aria-valuemin": 0,
-              "aria-valuemax": 100,
-              "aria-label": progressLabel,
-              children: [
-                /* @__PURE__ */ jsxs(
-                  "svg",
-                  {
-                    width: circleSize,
-                    height: circleSize,
-                    className: "transform -rotate-90",
-                    "aria-hidden": "true",
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "circle",
-                        {
-                          cx: circleSize / 2,
-                          cy: circleSize / 2,
-                          r: radius,
-                          fill: "none",
-                          strokeWidth,
-                          className: cn(
-                            circleTrailColors[color][variant],
-                            "progress_track",
-                            classNames?.track
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "circle",
-                        {
-                          cx: circleSize / 2,
-                          cy: circleSize / 2,
-                          r: radius,
-                          fill: "none",
-                          strokeWidth,
-                          strokeDasharray: circumference,
-                          strokeDashoffset: offset,
-                          strokeLinecap: "round",
-                          className: cn(
-                            circleStrokeColors[color][variant],
-                            "transition-[width,height] duration-300 ease-in-out",
-                            "progress_fill",
-                            classNames?.fill
-                          )
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: label ? /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "p-2 text-text-secondary",
-                      "progress_label",
-                      classNames?.label
-                    ),
-                    style: { fontSize: `${circleSize / Math.floor(label.length * 1.5)}px` },
-                    children: label
-                  }
-                ) : /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: cn(
-                      "text-text-primary font-semibold",
-                      "progress_value",
-                      classNames?.value
-                    ),
-                    style: { fontSize: circleSize / 5 },
-                    children: [
-                      clampedValue,
-                      "%"
-                    ]
-                  }
-                ) })
-              ]
-            }
-          )
-        }
-      );
-    }
-    if (type === "step") {
-      const currentStep = Math.ceil(clampedValue / 100 * totalSteps);
-      if (orientation === "vertical") {
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "h-full flex flex-col",
-              "progress_root",
-              className,
-              classNames?.root
-            ),
-            role: "progressbar",
-            "aria-valuenow": clampedValue,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            "aria-label": progressLabel,
-            children: [
-              label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
-                /* @__PURE__ */ jsx("span", { className: cn("progress_label", classNames?.label), children: label }),
-                showProgress && /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: cn(
-                      "font-medium",
-                      "progress_value",
-                      classNames?.value
-                    ),
-                    children: [
-                      clampedValue,
-                      "%"
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex-1 rounded-full overflow-hidden flex flex-col-reverse gap-1",
-                    size === "xs" ? "w-1" : size === "sm" ? "w-2" : size === "md" ? "w-3" : "w-4",
-                    "progress_track",
-                    classNames?.track
-                  ),
-                  children: Array.from({ length: totalSteps }, (_, index) => {
-                    const stepNumber = index + 1;
-                    const isCompleted = stepNumber <= currentStep;
-                    return /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(
-                          "w-full rounded-full transition-[width,height] flex-1",
-                          isCompleted ? barColorStyles[color][variant] : backgroundColorStyles[color][variant],
-                          animated && striped && "progress-shimmer",
-                          "progress_fill",
-                          classNames?.fill
-                        ),
-                        style: {
-                          ...striped && isCompleted && {
-                            backgroundImage: "linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)",
-                            backgroundSize: "1rem 1rem"
-                          }
-                        }
-                      },
-                      index
-                    );
-                  })
-                }
-              )
-            ]
-          }
-        );
-      }
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn("w-full", "progress_root", className, classNames?.root),
-          role: "progressbar",
-          "aria-valuenow": clampedValue,
-          "aria-valuemin": 0,
-          "aria-valuemax": 100,
-          "aria-label": progressLabel,
-          children: [
-            label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
-              /* @__PURE__ */ jsx("span", { className: cn("progress_label", classNames?.label), children: label }),
-              showProgress && /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  className: cn(
-                    "font-medium",
-                    "progress_value",
-                    classNames?.value
-                  ),
-                  children: [
-                    clampedValue,
-                    "%"
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "w-full rounded-full overflow-hidden flex gap-1",
-                  progressContainerVariants({ size }),
-                  "progress_track",
-                  classNames?.track
-                ),
-                children: Array.from({ length: totalSteps }, (_, index) => {
-                  const stepNumber = index + 1;
-                  const isCompleted = stepNumber <= currentStep;
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(
-                        "h-full rounded-full transition-[width,height] flex-1",
-                        isCompleted ? barColorStyles[color][variant] : backgroundColorStyles[color][variant],
-                        animated && striped && "progress-shimmer",
-                        "progress_fill",
-                        classNames?.fill
-                      ),
-                      style: {
-                        ...striped && isCompleted && {
-                          backgroundImage: "linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)",
-                          backgroundSize: "1rem 1rem"
-                        }
-                      }
-                    },
-                    index
-                  );
-                })
-              }
-            )
-          ]
-        }
-      );
-    }
-    if (orientation === "vertical") {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "h-full flex flex-col",
-            "progress_root",
-            className,
-            classNames?.root
-          ),
-          role: "progressbar",
-          "aria-valuenow": clampedValue,
-          "aria-valuemin": 0,
-          "aria-valuemax": 100,
-          "aria-label": progressLabel,
-          children: [
-            label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
-              /* @__PURE__ */ jsx("span", { className: cn("progress_label", classNames?.label), children: label }),
-              showProgress && /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  className: cn(
-                    "font-medium",
-                    "progress_value",
-                    classNames?.value
-                  ),
-                  children: [
-                    clampedValue,
-                    "%"
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "flex-1 rounded-full overflow-hidden flex flex-col justify-end",
-                  size === "xs" ? "w-1" : size === "sm" ? "w-2" : size === "md" ? "w-3" : "w-4",
-                  backgroundColorStyles[color][variant],
-                  "progress_track",
-                  classNames?.track
-                ),
-                children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "w-full transition-[width,height] duration-300 ease-in-out rounded-full",
-                      barColorStyles[color][variant],
-                      animated && striped && "progress-shimmer",
-                      "progress_fill",
-                      classNames?.fill
-                    ),
-                    style: {
-                      height: `${clampedValue}%`,
-                      ...striped && {
-                        backgroundImage: "linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)",
-                        backgroundSize: "1rem 1rem"
-                      }
-                    }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("w-full", "progress_root", className, classNames?.root),
-        role: "progressbar",
-        "aria-valuenow": clampedValue,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": progressLabel,
-        children: [
-          label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
-            /* @__PURE__ */ jsx("span", { className: cn("progress_label", classNames?.label), children: label }),
-            showProgress && /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: cn(
-                  "font-medium",
-                  "progress_value",
-                  classNames?.value
-                ),
-                children: [
-                  clampedValue,
-                  "%"
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                progressContainerVariants({ size }),
-                backgroundColorStyles[color][variant],
-                "progress_track",
-                classNames?.track
-              ),
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    progressBarVariants({ size }),
-                    barColorStyles[color][variant],
-                    animated && striped && "progress-shimmer",
-                    "progress_fill",
-                    classNames?.fill
-                  ),
-                  style: {
-                    width: `${clampedValue}%`,
-                    ...striped && {
-                      backgroundImage: "linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)",
-                      backgroundSize: "1rem 1rem"
-                    }
-                  }
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Progress.displayName = "Progress";
-var progress_default = Progress;
-
-export { progress_default };
-//# sourceMappingURL=chunk-MBAZ7OW5.js.map
-//# sourceMappingURL=chunk-MBAZ7OW5.js.map

package/dist/chunk-MBAZ7OW5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/progress/index.tsx"],"names":[],"mappings":";;;;;AAQA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,EAC/B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,EAC/B,EAAA,EAAI,EAAE,IAAA,EAAM,GAAA,EAAK,aAAa,CAAA,EAAE;AAAA,EAChC,EAAA,EAAI,EAAE,IAAA,EAAM,GAAA,EAAK,aAAa,EAAA;AAChC,CAAA;AAEA,IAAM,yBAAA,GAA4B,IAAI,qCAAA,EAAuC;AAAA,EAC3E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,wEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,qBAAA,GAAwB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,YAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,eAAA;AAAA,IACT,KAAA,EAAO,eAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,iBAAA;AAAA,IACT,KAAA,EAAO,iBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,cAAA;AAAA,IACT,KAAA,EAAO,cAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,eAAA;AAAA,IACT,KAAA,EAAO,eAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,aAAA;AAAA,IACT,KAAA,EAAO,aAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,eAAA;AAAA,IACT,KAAA,EAAO,eAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,YAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,iCAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,qCAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,yCAAA;AAAA,IACT,KAAA,EAAO,cAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,mCAAA;AAAA,IACT,KAAA,EAAO,WAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,qCAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,iCAAA;AAAA,IACT,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,qCAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,+BAAA;AAAA,IACT,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,kBAAA,GAAqB;AAAA,EACzB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,KAAA,EAAO,gBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,KAAA,EAAO,gBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,kBAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,KAAA,EAAO,eAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,KAAA,EAAO,gBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,cAAA;AAAA,IACT,KAAA,EAAO,cAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,KAAA,EAAO,gBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,aAAA;AAAA,IACT,KAAA,EAAO,aAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,iBAAA,GAAoB;AAAA,EACxB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,KAAA,EAAO,gBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,mBAAA;AAAA,IACT,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,qBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,kBAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,mBAAA;AAAA,IACT,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,iBAAA;AAAA,IACT,KAAA,EAAO,iBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,mBAAA;AAAA,IACT,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,gBAAA;AAAA,IACT,KAAA,EAAO,gBAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC;AAAA,IACC,KAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,UAAA,EAAY,gBAAA;AAAA,IACZ,WAAA,EAAa,iBAAA;AAAA,IACb,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,MAAA;AAAA,IACP,WAAA,GAAc,YAAA;AAAA,IACd,YAAA,GAAe,KAAA;AAAA,IACf,KAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,YAAA,EAAc;AAAA,GAChB,KAAM;AACJ,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,KAAA,EAAO,CAAC,GAAG,GAAG,CAAA;AACrD,IAAA,MAAM,aAAA,GAAgB,aAAa,KAAA,IAAS,UAAA;AAE5C,IAAA,IAAI,SAAS,QAAA,EAAU;AAErB,MAAA,MAAM,MAAA,GAAS,YAAY,IAAI,CAAA;AAC/B,MAAA,MAAM,UAAA,GAAa,oBAAoB,MAAA,CAAO,IAAA;AAC9C,MAAA,MAAM,WAAA,GAAc,qBAAqB,MAAA,CAAO,WAAA;AAChD,MAAA,MAAM,MAAA,GAAA,CAAU,aAAa,WAAA,IAAe,CAAA;AAC5C,MAAA,MAAM,aAAA,GAAgB,CAAA,GAAI,IAAA,CAAK,EAAA,GAAK,MAAA;AACpC,MAAA,MAAM,MAAA,GAAS,aAAA,GAAiB,YAAA,GAAe,GAAA,GAAO,aAAA;AAEtD,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,mCAAA;AAAA,YACA,eAAA;AAAA,YACA,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UAEA,QAAA,kBAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,UAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,UAAA,EAAY,QAAQ,UAAA,EAAW;AAAA,cAC/C,IAAA,EAAK,aAAA;AAAA,cACL,eAAA,EAAe,YAAA;AAAA,cACf,eAAA,EAAe,CAAA;AAAA,cACf,eAAA,EAAe,GAAA;AAAA,cACf,YAAA,EAAY,aAAA;AAAA,cAEZ,QAAA,EAAA;AAAA,gCAAA,IAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAO,UAAA;AAAA,oBACP,MAAA,EAAQ,UAAA;AAAA,oBACR,SAAA,EAAU,sBAAA;AAAA,oBACV,aAAA,EAAY,MAAA;AAAA,oBAGZ,QAAA,EAAA;AAAA,sCAAA,GAAA;AAAA,wBAAC,QAAA;AAAA,wBAAA;AAAA,0BACC,IAAI,UAAA,GAAa,CAAA;AAAA,0BACjB,IAAI,UAAA,GAAa,CAAA;AAAA,0BACjB,CAAA,EAAG,MAAA;AAAA,0BACH,IAAA,EAAK,MAAA;AAAA,0BACL,WAAA;AAAA,0BACA,SAAA,EAAW,EAAA;AAAA,4BACT,iBAAA,CAAkB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,4BAChC,gBAAA;AAAA,4BACA,UAAA,EAAY;AAAA;AACd;AAAA,uBACF;AAAA,sCACA,GAAA;AAAA,wBAAC,QAAA;AAAA,wBAAA;AAAA,0BACC,IAAI,UAAA,GAAa,CAAA;AAAA,0BACjB,IAAI,UAAA,GAAa,CAAA;AAAA,0BACjB,CAAA,EAAG,MAAA;AAAA,0BACH,IAAA,EAAK,MAAA;AAAA,0BACL,WAAA;AAAA,0BACA,eAAA,EAAiB,aAAA;AAAA,0BACjB,gBAAA,EAAkB,MAAA;AAAA,0BAClB,aAAA,EAAc,OAAA;AAAA,0BACd,SAAA,EAAW,EAAA;AAAA,4BACT,kBAAA,CAAmB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,4BACjC,oDAAA;AAAA,4BACA,eAAA;AAAA,4BACA,UAAA,EAAY;AAAA;AACd;AAAA;AACF;AAAA;AAAA,iBACF;AAAA,gCAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACZ,QAAA,EAAA,KAAA,mBACC,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,yBAAA;AAAA,sBACA,gBAAA;AAAA,sBACA,UAAA,EAAY;AAAA,qBACd;AAAA,oBACA,KAAA,EAAO,EAAE,QAAA,EAAU,CAAA,EAAG,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,GAAG,CAAC,CAAA,EAAA,CAAA,EAAK;AAAA,oBAErE,QAAA,EAAA;AAAA;AAAA,iBACH,mBAEA,IAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,iCAAA;AAAA,sBACA,gBAAA;AAAA,sBACA,UAAA,EAAY;AAAA,qBACd;AAAA,oBACA,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,GAAa,CAAA,EAAE;AAAA,oBAEjC,QAAA,EAAA;AAAA,sBAAA,YAAA;AAAA,sBAAa;AAAA;AAAA;AAAA,iBAChB,EAEJ;AAAA;AAAA;AAAA;AACF;AAAA,OACF;AAAA,IAEJ;AAEA,IAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,IAAA,CAAM,YAAA,GAAe,MAAO,UAAU,CAAA;AAE/D,MAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,QAAA,uBACE,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,sBAAA;AAAA,cACA,eAAA;AAAA,cACA,SAAA;AAAA,cACA,UAAA,EAAY;AAAA,aACd;AAAA,YACA,IAAA,EAAK,aAAA;AAAA,YACL,eAAA,EAAe,YAAA;AAAA,YACf,eAAA,EAAe,CAAA;AAAA,YACf,eAAA,EAAe,GAAA;AAAA,YACf,YAAA,EAAY,aAAA;AAAA,YAEX,QAAA,EAAA;AAAA,cAAA,KAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,kBAAkB,UAAA,EAAY,KAAK,GACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,gBACC,YAAA,oBACC,IAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,aAAA;AAAA,sBACA,gBAAA;AAAA,sBACA,UAAA,EAAY;AAAA,qBACd;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,YAAA;AAAA,sBAAa;AAAA;AAAA;AAAA;AAChB,eAAA,EAEJ,CAAA;AAAA,8BAEF,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,iEAAA;AAAA,oBACA,IAAA,KAAS,OACL,KAAA,GACA,IAAA,KAAS,OACP,KAAA,GACA,IAAA,KAAS,OACP,KAAA,GACA,KAAA;AAAA,oBACR,gBAAA;AAAA,oBACA,UAAA,EAAY;AAAA,mBACd;AAAA,kBAEC,QAAA,EAAA,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,YAAW,EAAG,CAAC,GAAG,KAAA,KAAU;AAChD,oBAAA,MAAM,aAAa,KAAA,GAAQ,CAAA;AAC3B,oBAAA,MAAM,cAAc,UAAA,IAAc,WAAA;AAElC,oBAAA,uBACE,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBAEC,SAAA,EAAW,EAAA;AAAA,0BACT,sDAAA;AAAA,0BACA,WAAA,GACI,eAAe,KAAK,CAAA,CAAE,OAAO,CAAA,GAC7B,qBAAA,CAAsB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,0BACxC,YAAY,OAAA,IAAW,kBAAA;AAAA,0BACvB,eAAA;AAAA,0BACA,UAAA,EAAY;AAAA,yBACd;AAAA,wBACA,KAAA,EAAO;AAAA,0BACL,GAAI,WACF,WAAA,IAAe;AAAA,4BACb,eAAA,EACE,yKAAA;AAAA,4BACF,cAAA,EAAgB;AAAA;AAClB;AACJ,uBAAA;AAAA,sBAjBK;AAAA,qBAkBP;AAAA,kBAEJ,CAAC;AAAA;AAAA;AACH;AAAA;AAAA,SACF;AAAA,MAEJ;AAGA,MAAA,uBACE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAW,EAAA,CAAG,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAY,IAAI,CAAA;AAAA,UACpE,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,YAAA;AAAA,UACf,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,GAAA;AAAA,UACf,YAAA,EAAY,aAAA;AAAA,UAEX,QAAA,EAAA;AAAA,YAAA,KAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,kBAAkB,UAAA,EAAY,KAAK,GACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,cACC,YAAA,oBACC,IAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,aAAA;AAAA,oBACA,gBAAA;AAAA,oBACA,UAAA,EAAY;AAAA,mBACd;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,YAAA;AAAA,oBAAa;AAAA;AAAA;AAAA;AAChB,aAAA,EAEJ,CAAA;AAAA,4BAEF,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,gDAAA;AAAA,kBACA,yBAAA,CAA0B,EAAE,IAAA,EAAM,CAAA;AAAA,kBAClC,gBAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBAEC,QAAA,EAAA,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,YAAW,EAAG,CAAC,GAAG,KAAA,KAAU;AAChD,kBAAA,MAAM,aAAa,KAAA,GAAQ,CAAA;AAC3B,kBAAA,MAAM,cAAc,UAAA,IAAc,WAAA;AAElC,kBAAA,uBACE,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBAEC,SAAA,EAAW,EAAA;AAAA,wBACT,sDAAA;AAAA,wBACA,WAAA,GACI,eAAe,KAAK,CAAA,CAAE,OAAO,CAAA,GAC7B,qBAAA,CAAsB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,wBACxC,YAAY,OAAA,IAAW,kBAAA;AAAA,wBACvB,eAAA;AAAA,wBACA,UAAA,EAAY;AAAA,uBACd;AAAA,sBACA,KAAA,EAAO;AAAA,wBACL,GAAI,WACF,WAAA,IAAe;AAAA,0BACb,eAAA,EACE,yKAAA;AAAA,0BACF,cAAA,EAAgB;AAAA;AAClB;AACJ,qBAAA;AAAA,oBAjBK;AAAA,mBAkBP;AAAA,gBAEJ,CAAC;AAAA;AAAA;AACH;AAAA;AAAA,OACF;AAAA,IAEJ;AAGA,IAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,MAAA,uBACE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,sBAAA;AAAA,YACA,eAAA;AAAA,YACA,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UACA,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,YAAA;AAAA,UACf,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,GAAA;AAAA,UACf,YAAA,EAAY,aAAA;AAAA,UAEX,QAAA,EAAA;AAAA,YAAA,KAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,kBAAkB,UAAA,EAAY,KAAK,GACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,cACC,YAAA,oBACC,IAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,aAAA;AAAA,oBACA,gBAAA;AAAA,oBACA,UAAA,EAAY;AAAA,mBACd;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,YAAA;AAAA,oBAAa;AAAA;AAAA;AAAA;AAChB,aAAA,EAEJ,CAAA;AAAA,4BAEF,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,+DAAA;AAAA,kBACA,IAAA,KAAS,OACL,KAAA,GACA,IAAA,KAAS,OACP,KAAA,GACA,IAAA,KAAS,OACP,KAAA,GACA,KAAA;AAAA,kBACR,qBAAA,CAAsB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,kBACpC,gBAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,wEAAA;AAAA,sBACA,cAAA,CAAe,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,sBAC7B,YAAY,OAAA,IAAW,kBAAA;AAAA,sBACvB,eAAA;AAAA,sBACA,UAAA,EAAY;AAAA,qBACd;AAAA,oBACA,KAAA,EAAO;AAAA,sBACL,MAAA,EAAQ,GAAG,YAAY,CAAA,CAAA,CAAA;AAAA,sBACvB,GAAI,OAAA,IAAW;AAAA,wBACb,eAAA,EACE,yKAAA;AAAA,wBACF,cAAA,EAAgB;AAAA;AAClB;AACF;AAAA;AACF;AAAA;AACF;AAAA;AAAA,OACF;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAW,EAAA,CAAG,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAY,IAAI,CAAA;AAAA,QACpE,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,YAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY,aAAA;AAAA,QAEX,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,kBAAkB,UAAA,EAAY,KAAK,GACpD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,YACC,YAAA,oBACC,IAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,aAAA;AAAA,kBACA,gBAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,YAAA;AAAA,kBAAa;AAAA;AAAA;AAAA;AAChB,WAAA,EAEJ,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,yBAAA,CAA0B,EAAE,IAAA,EAAM,CAAA;AAAA,gBAClC,qBAAA,CAAsB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,gBACpC,gBAAA;AAAA,gBACA,UAAA,EAAY;AAAA,eACd;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAA;AAAA,oBAC5B,cAAA,CAAe,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,oBAC7B,YAAY,OAAA,IAAW,kBAAA;AAAA,oBACvB,eAAA;AAAA,oBACA,UAAA,EAAY;AAAA,mBACd;AAAA,kBACA,KAAA,EAAO;AAAA,oBACL,KAAA,EAAO,GAAG,YAAY,CAAA,CAAA,CAAA;AAAA,oBACtB,GAAI,OAAA,IAAW;AAAA,sBACb,eAAA,EACE,yKAAA;AAAA,sBACF,cAAA,EAAgB;AAAA;AAClB;AACF;AAAA;AACF;AAAA;AACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-MBAZ7OW5.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport type { ProgressProps } from \"./types\";\n\nconst circleSizes = {\n  xs: { size: 60, strokeWidth: 4 },\n  sm: { size: 80, strokeWidth: 6 },\n  md: { size: 120, strokeWidth: 8 },\n  lg: { size: 160, strokeWidth: 10 },\n};\n\nconst progressContainerVariants = cva(\"w-full rounded-full overflow-hidden\", {\n  variants: {\n    size: {\n      xs: \"h-1\",\n      sm: \"h-2\",\n      md: \"h-3\",\n      lg: \"h-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst progressBarVariants = cva(\n  \"h-full transition-[width,height] duration-300 ease-in-out rounded-full\",\n  {\n    variants: {\n      size: {\n        xs: \"\",\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst backgroundColorStyles = {\n  default: {\n    default: \"bg-surface\",\n    solid: \"bg-surface\",\n    soft: \"bg-surface/50\",\n  },\n  primary: {\n    default: \"bg-primary/10\",\n    solid: \"bg-primary/20\",\n    soft: \"bg-primary/10\",\n  },\n  secondary: {\n    default: \"bg-secondary/10\",\n    solid: \"bg-secondary/20\",\n    soft: \"bg-secondary/10\",\n  },\n  accent: {\n    default: \"bg-accent/10\",\n    solid: \"bg-accent/20\",\n    soft: \"bg-accent/10\",\n  },\n  success: {\n    default: \"bg-success/10\",\n    solid: \"bg-success/20\",\n    soft: \"bg-success/10\",\n  },\n  error: {\n    default: \"bg-error/10\",\n    solid: \"bg-error/20\",\n    soft: \"bg-error/10\",\n  },\n  warning: {\n    default: \"bg-warning/10\",\n    solid: \"bg-warning/20\",\n    soft: \"bg-warning/10\",\n  },\n  info: {\n    default: \"bg-info/10\",\n    solid: \"bg-info/20\",\n    soft: \"bg-info/10\",\n  },\n};\n\nconst barColorStyles = {\n  default: {\n    default: \"bg-surface border border-border\",\n    solid: \"bg-surface\",\n    soft: \"bg-surface/80\",\n  },\n  primary: {\n    default: \"bg-primary/20 border border-primary\",\n    solid: \"bg-primary\",\n    soft: \"bg-primary/60\",\n  },\n  secondary: {\n    default: \"bg-secondary/20 border border-secondary\",\n    solid: \"bg-secondary\",\n    soft: \"bg-secondary/60\",\n  },\n  accent: {\n    default: \"bg-accent/20 border border-accent\",\n    solid: \"bg-accent\",\n    soft: \"bg-accent/60\",\n  },\n  success: {\n    default: \"bg-success/20 border border-success\",\n    solid: \"bg-success\",\n    soft: \"bg-success/60\",\n  },\n  error: {\n    default: \"bg-error/20 border border-error\",\n    solid: \"bg-error\",\n    soft: \"bg-error/60\",\n  },\n  warning: {\n    default: \"bg-warning/20 border border-warning\",\n    solid: \"bg-warning\",\n    soft: \"bg-warning/60\",\n  },\n  info: {\n    default: \"bg-info/20 border border-info\",\n    solid: \"bg-info\",\n    soft: \"bg-info/60\",\n  },\n};\n\nconst circleStrokeColors = {\n  default: {\n    default: \"stroke-surface\",\n    solid: \"stroke-surface\",\n    soft: \"stroke-surface/80\",\n  },\n  primary: {\n    default: \"stroke-primary\",\n    solid: \"stroke-primary\",\n    soft: \"stroke-primary/60\",\n  },\n  secondary: {\n    default: \"stroke-secondary\",\n    solid: \"stroke-secondary\",\n    soft: \"stroke-secondary/60\",\n  },\n  accent: {\n    default: \"stroke-accent\",\n    solid: \"stroke-accent\",\n    soft: \"stroke-accent/60\",\n  },\n  success: {\n    default: \"stroke-success\",\n    solid: \"stroke-success\",\n    soft: \"stroke-success/60\",\n  },\n  error: {\n    default: \"stroke-error\",\n    solid: \"stroke-error\",\n    soft: \"stroke-error/60\",\n  },\n  warning: {\n    default: \"stroke-warning\",\n    solid: \"stroke-warning\",\n    soft: \"stroke-warning/60\",\n  },\n  info: {\n    default: \"stroke-info\",\n    solid: \"stroke-info\",\n    soft: \"stroke-info/60\",\n  },\n};\n\nconst circleTrailColors = {\n  default: {\n    default: \"stroke-surface\",\n    solid: \"stroke-surface\",\n    soft: \"stroke-surface/50\",\n  },\n  primary: {\n    default: \"stroke-primary/10\",\n    solid: \"stroke-primary/20\",\n    soft: \"stroke-primary/10\",\n  },\n  secondary: {\n    default: \"stroke-secondary/10\",\n    solid: \"stroke-secondary/20\",\n    soft: \"stroke-secondary/10\",\n  },\n  accent: {\n    default: \"stroke-accent/10\",\n    solid: \"stroke-accent/20\",\n    soft: \"stroke-accent/10\",\n  },\n  success: {\n    default: \"stroke-success/10\",\n    solid: \"stroke-success/20\",\n    soft: \"stroke-success/10\",\n  },\n  error: {\n    default: \"stroke-error/10\",\n    solid: \"stroke-error/20\",\n    soft: \"stroke-error/10\",\n  },\n  warning: {\n    default: \"stroke-warning/10\",\n    solid: \"stroke-warning/20\",\n    soft: \"stroke-warning/10\",\n  },\n  info: {\n    default: \"stroke-info/10\",\n    solid: \"stroke-info/20\",\n    soft: \"stroke-info/10\",\n  },\n};\n\nconst Progress = React.memo<ProgressProps>(\n  ({\n    value,\n    color = \"primary\",\n    size = \"md\",\n    circleSize: customCircleSize,\n    strokeWidth: customStrokeWidth,\n    variant = \"default\",\n    type = \"line\",\n    orientation = \"horizontal\",\n    showProgress = false,\n    label,\n    striped = false,\n    animated = false,\n    className,\n    classNames,\n    totalSteps = 5,\n    \"aria-label\": ariaLabel,\n  }) => {\n    const clampedValue = Math.min(Math.max(value, 0), 100);\n    const progressLabel = ariaLabel || label || \"Progress\";\n\n    if (type === \"circle\") {\n      // Use custom values if provided, otherwise fall back to size presets\n      const preset = circleSizes[size];\n      const circleSize = customCircleSize ?? preset.size;\n      const strokeWidth = customStrokeWidth ?? preset.strokeWidth;\n      const radius = (circleSize - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = circumference - (clampedValue / 100) * circumference;\n\n      return (\n        <div\n          className={cn(\n            \"inline-flex flex-col items-center\",\n            \"progress_root\",\n            className,\n            classNames?.root,\n          )}\n        >\n          <div\n            className=\"relative\"\n            style={{ width: circleSize, height: circleSize }}\n            role=\"progressbar\"\n            aria-valuenow={clampedValue}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-label={progressLabel}\n          >\n            <svg\n              width={circleSize}\n              height={circleSize}\n              className=\"transform -rotate-90\"\n              aria-hidden=\"true\"\n            >\n              {/* Background circle */}\n              <circle\n                cx={circleSize / 2}\n                cy={circleSize / 2}\n                r={radius}\n                fill=\"none\"\n                strokeWidth={strokeWidth}\n                className={cn(\n                  circleTrailColors[color][variant],\n                  \"progress_track\",\n                  classNames?.track,\n                )}\n              />\n              <circle\n                cx={circleSize / 2}\n                cy={circleSize / 2}\n                r={radius}\n                fill=\"none\"\n                strokeWidth={strokeWidth}\n                strokeDasharray={circumference}\n                strokeDashoffset={offset}\n                strokeLinecap=\"round\"\n                className={cn(\n                  circleStrokeColors[color][variant],\n                  \"transition-[width,height] duration-300 ease-in-out\",\n                  \"progress_fill\",\n                  classNames?.fill,\n                )}\n              />\n            </svg>\n            {/* Center text */}\n            <div className=\"absolute inset-0 flex flex-col items-center justify-center\">\n              {label ? (\n                <div\n                  className={cn(\n                    \"p-2 text-text-secondary\",\n                    \"progress_label\",\n                    classNames?.label,\n                  )}\n                  style={{ fontSize: `${circleSize / Math.floor(label.length * 1.5)}px` }}\n                >\n                  {label}\n                </div>\n              ) : (\n                <span\n                  className={cn(\n                    \"text-text-primary font-semibold\",\n                    \"progress_value\",\n                    classNames?.value,\n                  )}\n                  style={{ fontSize: circleSize / 5 }}\n                >\n                  {clampedValue}%\n                </span>\n              )}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (type === \"step\") {\n      const currentStep = Math.ceil((clampedValue / 100) * totalSteps);\n\n      if (orientation === \"vertical\") {\n        return (\n          <div\n            className={cn(\n              \"h-full flex flex-col\",\n              \"progress_root\",\n              className,\n              classNames?.root,\n            )}\n            role=\"progressbar\"\n            aria-valuenow={clampedValue}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-label={progressLabel}\n          >\n            {label && (\n              <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n                <span className={cn(\"progress_label\", classNames?.label)}>\n                  {label}\n                </span>\n                {showProgress && (\n                  <span\n                    className={cn(\n                      \"font-medium\",\n                      \"progress_value\",\n                      classNames?.value,\n                    )}\n                  >\n                    {clampedValue}%\n                  </span>\n                )}\n              </div>\n            )}\n            <div\n              className={cn(\n                \"flex-1 rounded-full overflow-hidden flex flex-col-reverse gap-1\",\n                size === \"xs\"\n                  ? \"w-1\"\n                  : size === \"sm\"\n                    ? \"w-2\"\n                    : size === \"md\"\n                      ? \"w-3\"\n                      : \"w-4\",\n                \"progress_track\",\n                classNames?.track,\n              )}\n            >\n              {Array.from({ length: totalSteps }, (_, index) => {\n                const stepNumber = index + 1;\n                const isCompleted = stepNumber <= currentStep;\n\n                return (\n                  <div\n                    key={index}\n                    className={cn(\n                      \"w-full rounded-full transition-[width,height] flex-1\",\n                      isCompleted\n                        ? barColorStyles[color][variant]\n                        : backgroundColorStyles[color][variant],\n                      animated && striped && \"progress-shimmer\",\n                      \"progress_fill\",\n                      classNames?.fill,\n                    )}\n                    style={{\n                      ...(striped &&\n                        isCompleted && {\n                          backgroundImage:\n                            \"linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)\",\n                          backgroundSize: \"1rem 1rem\",\n                        }),\n                    }}\n                  />\n                );\n              })}\n            </div>\n          </div>\n        );\n      }\n\n      // Horizontal step progress\n      return (\n        <div\n          className={cn(\"w-full\", \"progress_root\", className, classNames?.root)}\n          role=\"progressbar\"\n          aria-valuenow={clampedValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={progressLabel}\n        >\n          {label && (\n            <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n              <span className={cn(\"progress_label\", classNames?.label)}>\n                {label}\n              </span>\n              {showProgress && (\n                <span\n                  className={cn(\n                    \"font-medium\",\n                    \"progress_value\",\n                    classNames?.value,\n                  )}\n                >\n                  {clampedValue}%\n                </span>\n              )}\n            </div>\n          )}\n          <div\n            className={cn(\n              \"w-full rounded-full overflow-hidden flex gap-1\",\n              progressContainerVariants({ size }),\n              \"progress_track\",\n              classNames?.track,\n            )}\n          >\n            {Array.from({ length: totalSteps }, (_, index) => {\n              const stepNumber = index + 1;\n              const isCompleted = stepNumber <= currentStep;\n\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    \"h-full rounded-full transition-[width,height] flex-1\",\n                    isCompleted\n                      ? barColorStyles[color][variant]\n                      : backgroundColorStyles[color][variant],\n                    animated && striped && \"progress-shimmer\",\n                    \"progress_fill\",\n                    classNames?.fill,\n                  )}\n                  style={{\n                    ...(striped &&\n                      isCompleted && {\n                        backgroundImage:\n                          \"linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)\",\n                        backgroundSize: \"1rem 1rem\",\n                      }),\n                  }}\n                />\n              );\n            })}\n          </div>\n        </div>\n      );\n    }\n\n    // Line progress (horizontal or vertical)\n    if (orientation === \"vertical\") {\n      return (\n        <div\n          className={cn(\n            \"h-full flex flex-col\",\n            \"progress_root\",\n            className,\n            classNames?.root,\n          )}\n          role=\"progressbar\"\n          aria-valuenow={clampedValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={progressLabel}\n        >\n          {label && (\n            <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n              <span className={cn(\"progress_label\", classNames?.label)}>\n                {label}\n              </span>\n              {showProgress && (\n                <span\n                  className={cn(\n                    \"font-medium\",\n                    \"progress_value\",\n                    classNames?.value,\n                  )}\n                >\n                  {clampedValue}%\n                </span>\n              )}\n            </div>\n          )}\n          <div\n            className={cn(\n              \"flex-1 rounded-full overflow-hidden flex flex-col justify-end\",\n              size === \"xs\"\n                ? \"w-1\"\n                : size === \"sm\"\n                  ? \"w-2\"\n                  : size === \"md\"\n                    ? \"w-3\"\n                    : \"w-4\",\n              backgroundColorStyles[color][variant],\n              \"progress_track\",\n              classNames?.track,\n            )}\n          >\n            <div\n              className={cn(\n                \"w-full transition-[width,height] duration-300 ease-in-out rounded-full\",\n                barColorStyles[color][variant],\n                animated && striped && \"progress-shimmer\",\n                \"progress_fill\",\n                classNames?.fill,\n              )}\n              style={{\n                height: `${clampedValue}%`,\n                ...(striped && {\n                  backgroundImage:\n                    \"linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)\",\n                  backgroundSize: \"1rem 1rem\",\n                }),\n              }}\n            />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={cn(\"w-full\", \"progress_root\", className, classNames?.root)}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={progressLabel}\n      >\n        {label && (\n          <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n            <span className={cn(\"progress_label\", classNames?.label)}>\n              {label}\n            </span>\n            {showProgress && (\n              <span\n                className={cn(\n                  \"font-medium\",\n                  \"progress_value\",\n                  classNames?.value,\n                )}\n              >\n                {clampedValue}%\n              </span>\n            )}\n          </div>\n        )}\n        <div\n          className={cn(\n            progressContainerVariants({ size }),\n            backgroundColorStyles[color][variant],\n            \"progress_track\",\n            classNames?.track,\n          )}\n        >\n          <div\n            className={cn(\n              progressBarVariants({ size }),\n              barColorStyles[color][variant],\n              animated && striped && \"progress-shimmer\",\n              \"progress_fill\",\n              classNames?.fill,\n            )}\n            style={{\n              width: `${clampedValue}%`,\n              ...(striped && {\n                backgroundImage:\n                  \"linear-gradient(45deg, var(--overlay-stripe) 25%, transparent 25%, transparent 50%, var(--overlay-stripe) 50%, var(--overlay-stripe) 75%, transparent 75%, transparent)\",\n                backgroundSize: \"1rem 1rem\",\n              }),\n            }}\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n\nexport type * from \"./types\";\nexport default Progress;\n"]}