@mdigital_ui/ui 0.2.6 → 0.2.8

package/dist/chunk-RYKVZFGB.js

@@ -0,0 +1,607 @@
+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-all 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-all 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",
+                      `text-[${circleSize / Math.floor(label.length * 1.5)}px]`,
+                      classNames?.label
+                    ),
+                    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-all 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-all 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-all 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-RYKVZFGB.js.map
+//# sourceMappingURL=chunk-RYKVZFGB.js.map

package/dist/chunk-RYKVZFGB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/progress/index.tsx"],"names":[],"mappings":"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","file":"chunk-RYKVZFGB.js","sourcesContent":["import { 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-all 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-all 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                    `text-[${circleSize / Math.floor(label.length * 1.5)}px]`,\n                    classNames?.label,\n                  )}\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-all 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-all 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-all 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"]}