@mdigital_ui/ui 0.1.0

package/dist/chunk-RQBXZKTH.js

@@ -0,0 +1,452 @@
+import { cn } from './chunk-YNNAOXU5.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",
+    variant = "default",
+    type = "line",
+    orientation = "horizontal",
+    showProgress = false,
+    label,
+    striped = false,
+    animated = false,
+    className,
+    totalSteps = 5
+  }) => {
+    const clampedValue = Math.min(Math.max(value, 0), 100);
+    if (type === "circle") {
+      const { size: circleSize, strokeWidth } = circleSizes[size];
+      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", className), children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "relative",
+          style: { width: circleSize, height: circleSize },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: circleSize,
+                height: circleSize,
+                className: "transform -rotate-90",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "circle",
+                    {
+                      cx: circleSize / 2,
+                      cy: circleSize / 2,
+                      r: radius,
+                      fill: "none",
+                      strokeWidth,
+                      className: circleTrailColors[color][variant]
+                    }
+                  ),
+                  /* @__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"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: label ? /* @__PURE__ */ jsx("div", { className: "p-2 text-text-muted", children: label }) : /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "text-text-primary font-semibold",
+                style: { fontSize: circleSize / 7 },
+                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", className), children: [
+          label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
+            /* @__PURE__ */ jsx("span", { children: label || "" }),
+            showProgress && /* @__PURE__ */ jsxs("span", { className: "font-medium", 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"
+              ),
+              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"
+                    ),
+                    style: {
+                      ...striped && isCompleted && {
+                        backgroundImage: "linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)",
+                        backgroundSize: "1rem 1rem"
+                      }
+                    }
+                  },
+                  index
+                );
+              })
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+        label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
+          /* @__PURE__ */ jsx("span", { children: label || "" }),
+          showProgress && /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+            clampedValue,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "w-full rounded-full overflow-hidden flex gap-1",
+              progressContainerVariants({ size })
+            ),
+            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"
+                  ),
+                  style: {
+                    ...striped && isCompleted && {
+                      backgroundImage: "linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)",
+                      backgroundSize: "1rem 1rem"
+                    }
+                  }
+                },
+                index
+              );
+            })
+          }
+        )
+      ] });
+    }
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsxs("div", { className: cn("h-full flex flex-col", className), children: [
+        label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
+          /* @__PURE__ */ jsx("span", { children: label || "" }),
+          showProgress && /* @__PURE__ */ jsxs("span", { className: "font-medium", 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]
+            ),
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "w-full transition-all duration-300 ease-in-out rounded-full",
+                  barColorStyles[color][variant],
+                  animated && striped && "progress-shimmer"
+                ),
+                style: {
+                  height: `${clampedValue}%`,
+                  ...striped && {
+                    backgroundImage: "linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)",
+                    backgroundSize: "1rem 1rem"
+                  }
+                }
+              }
+            )
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+      label && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 text-sm text-text-primary", children: [
+        /* @__PURE__ */ jsx("span", { children: label || "" }),
+        showProgress && /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+          clampedValue,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            progressContainerVariants({ size }),
+            backgroundColorStyles[color][variant]
+          ),
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                progressBarVariants({ size }),
+                barColorStyles[color][variant],
+                animated && striped && "progress-shimmer"
+              ),
+              style: {
+                width: `${clampedValue}%`,
+                ...striped && {
+                  backgroundImage: "linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)",
+                  backgroundSize: "1rem 1rem"
+                }
+              }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+var progress_default = Progress;
+
+export { progress_default };
+//# sourceMappingURL=chunk-RQBXZKTH.js.map
+//# sourceMappingURL=chunk-RQBXZKTH.js.map

package/dist/chunk-RQBXZKTH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/progress/index.tsx"],"names":[],"mappings":"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","file":"chunk-RQBXZKTH.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    variant = 'default',\n    type = 'line',\n    orientation = 'horizontal',\n    showProgress = false,\n    label,\n    striped = false,\n    animated = false,\n    className,\n    totalSteps = 5,\n  }) => {\n    const clampedValue = Math.min(Math.max(value, 0), 100)\n\n    if (type === 'circle') {\n      const { size: circleSize, strokeWidth } = circleSizes[size]\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 className={cn('inline-flex flex-col items-center', className)}>\n          <div\n            className=\"relative\"\n            style={{ width: circleSize, height: circleSize }}\n          >\n            <svg\n              width={circleSize}\n              height={circleSize}\n              className=\"transform -rotate-90\"\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={circleTrailColors[color][variant]}\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                )}\n              />\n            </svg>\n            {/* Center text */}\n            <div className=\"absolute inset-0 flex flex-col items-center justify-center\">\n              {label ? (\n                <div className=\"p-2 text-text-muted\">{label}</div>\n              ) : (\n                <span\n                  className=\"text-text-primary font-semibold\"\n                  style={{ fontSize: circleSize / 7 }}\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 className={cn('h-full flex flex-col', className)}>\n            {label && (\n              <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n                <span>{label || ''}</span>\n                {showProgress && (\n                  <span className=\"font-medium\">{clampedValue}%</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              )}\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                    )}\n                    style={{\n                      ...(striped &&\n                        isCompleted && {\n                          backgroundImage:\n                            'linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 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 className={cn('w-full', className)}>\n          {label && (\n            <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n              <span>{label || ''}</span>\n              {showProgress && (\n                <span className=\"font-medium\">{clampedValue}%</span>\n              )}\n            </div>\n          )}\n          <div\n            className={cn(\n              'w-full rounded-full overflow-hidden flex gap-1',\n              progressContainerVariants({ size }),\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                  )}\n                  style={{\n                    ...(striped &&\n                      isCompleted && {\n                        backgroundImage:\n                          'linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 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 className={cn('h-full flex flex-col', className)}>\n          {label && (\n            <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n              <span>{label || ''}</span>\n              {showProgress && (\n                <span className=\"font-medium\">{clampedValue}%</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            )}\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              )}\n              style={{\n                height: `${clampedValue}%`,\n                ...(striped && {\n                  backgroundImage:\n                    'linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)',\n                  backgroundSize: '1rem 1rem',\n                }),\n              }}\n            />\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className={cn('w-full', className)}>\n        {label && (\n          <div className=\"flex items-center justify-between mb-2 text-sm text-text-primary\">\n            <span>{label || ''}</span>\n            {showProgress && (\n              <span className=\"font-medium\">{clampedValue}%</span>\n            )}\n          </div>\n        )}\n        <div\n          className={cn(\n            progressContainerVariants({ size }),\n            backgroundColorStyles[color][variant],\n          )}\n        >\n          <div\n            className={cn(\n              progressBarVariants({ size }),\n              barColorStyles[color][variant],\n              animated && striped && 'progress-shimmer',\n            )}\n            style={{\n              width: `${clampedValue}%`,\n              ...(striped && {\n                backgroundImage:\n                  'linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 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"]}

package/dist/chunk-S5XJXU52.js

@@ -0,0 +1,178 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var tableVariants = cva("w-full border-separate border-spacing-0", {
+  variants: {
+    bordered: {
+      true: "border border-border",
+      false: ""
+    },
+    rounded: {
+      true: "rounded-lg",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { bordered: true, rounded: true, class: "overflow-hidden" }
+  ],
+  defaultVariants: {
+    bordered: true,
+    rounded: true
+  }
+});
+var labelCellVariants = cva(
+  "font-semibold text-text-primary border-b border-r border-border",
+  {
+    variants: {
+      size: {
+        xs: "py-1 px-2 text-[10px]",
+        sm: "py-2 px-3 text-xs",
+        md: "py-3 px-4 text-sm",
+        lg: "py-4 px-5 text-base"
+      },
+      color: {
+        default: "bg-surface",
+        primary: "bg-primary/10",
+        secondary: "bg-secondary/10",
+        accent: "bg-accent/10",
+        success: "bg-success/10",
+        error: "bg-error/10",
+        warning: "bg-warning/10",
+        info: "bg-info/10"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default"
+    }
+  }
+);
+var valueCellVariants = cva(
+  "text-text-primary border-b border-r border-border bg-background",
+  {
+    variants: {
+      size: {
+        xs: "py-1 px-2 text-[10px]",
+        sm: "py-2 px-3 text-xs",
+        md: "py-3 px-4 text-sm",
+        lg: "py-4 px-5 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Descriptions = React.memo(
+  ({
+    items,
+    column = 3,
+    color = "default",
+    size = "md",
+    layout = "horizontal",
+    bordered = true,
+    rounded = true,
+    className
+  }) => {
+    const rows = [];
+    let currentRow = [];
+    let currentSpan = 0;
+    items.forEach((item) => {
+      const itemSpan = item.span || 1;
+      if (currentSpan + itemSpan > column) {
+        rows.push(currentRow);
+        currentRow = [item];
+        currentSpan = itemSpan;
+      } else {
+        currentRow.push(item);
+        currentSpan += itemSpan;
+      }
+    });
+    if (currentRow.length > 0) {
+      rows.push(currentRow);
+    }
+    if (layout === "vertical") {
+      return /* @__PURE__ */ jsx("table", { className: cn(tableVariants({ bordered, rounded }), className), children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, rowIndex) => {
+        const isLastRow = rowIndex === rows.length - 1;
+        let colPosition = 0;
+        const itemsAtRightEdge = row.map((item) => {
+          const span = item.span || 1;
+          colPosition += span;
+          return colPosition >= column;
+        });
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx("tr", { children: row.map((item, itemIndex) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              colSpan: item.span || 1,
+              className: cn(
+                labelCellVariants({ size, color }),
+                itemsAtRightEdge[itemIndex] && "border-r-0"
+              ),
+              children: item.label
+            },
+            `${item.key}-label`
+          )) }),
+          /* @__PURE__ */ jsx("tr", { children: row.map((item, itemIndex) => /* @__PURE__ */ jsx(
+            "td",
+            {
+              colSpan: item.span || 1,
+              className: cn(
+                valueCellVariants({ size }),
+                itemsAtRightEdge[itemIndex] && "border-r-0",
+                isLastRow && "border-b-0"
+              ),
+              children: item.children
+            },
+            `${item.key}-value`
+          )) })
+        ] }, rowIndex);
+      }) }) });
+    }
+    return /* @__PURE__ */ jsx("table", { className: cn(tableVariants({ bordered, rounded }), className), children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, rowIndex) => {
+      const isLastRow = rowIndex === rows.length - 1;
+      let colPosition = 0;
+      const valueAtRightEdge = row.map((item) => {
+        const span = item.span || 1;
+        colPosition += span * 2;
+        return colPosition >= column * 2;
+      });
+      return /* @__PURE__ */ jsx("tr", { children: row.map((item, itemIndex) => {
+        const itemSpan = item.span || 1;
+        const valueColSpan = itemSpan * 2 - 1;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "th",
+            {
+              className: cn(
+                labelCellVariants({ size, color }),
+                isLastRow && "border-b-0"
+              ),
+              children: item.label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "td",
+            {
+              colSpan: valueColSpan,
+              className: cn(
+                valueCellVariants({ size }),
+                valueAtRightEdge[itemIndex] && "border-r-0",
+                isLastRow && "border-b-0"
+              ),
+              children: item.children
+            }
+          )
+        ] }, item.key);
+      }) }, rowIndex);
+    }) }) });
+  }
+);
+Descriptions.displayName = "Descriptions";
+var descriptions_default = Descriptions;
+
+export { descriptions_default };
+//# sourceMappingURL=chunk-S5XJXU52.js.map
+//# sourceMappingURL=chunk-S5XJXU52.js.map