@mdigital_ui/ui 0.2.5 → 0.2.7

package/dist/chunk-JLTDJ3VZ.js

@@ -1,452 +0,0 @@
-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, 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", 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, 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", 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, 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", 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, 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-JLTDJ3VZ.js.map
-//# sourceMappingURL=chunk-JLTDJ3VZ.js.map

package/dist/chunk-JLTDJ3VZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/progress/index.tsx"],"names":[],"mappings":"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","file":"chunk-JLTDJ3VZ.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, 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 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, 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 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, 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 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, 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"]}

package/dist/chunk-KBCBVH7B.js

@@ -1,51 +0,0 @@
-import { cn } from './chunk-YNNAOXU5.js';
-import { memo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var InputGroup = memo(({ children, className }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn("relative flex items-center w-full", className), children });
-});
-InputGroup.displayName = "InputGroup";
-var InputGroupInput = memo(
-  ({ className, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        className: cn(
-          "flex-1 w-full h-[var(--input-height-md)] px-4 text-base bg-background border border-border rounded-md outline-none text-text-primary placeholder:text-text-muted disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default focus:border-primary transition-colors",
-          "peer",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-InputGroupInput.displayName = "InputGroupInput";
-var InputGroupAddon = memo(
-  ({ children, align = "inline-end", className }) => {
-    const alignmentClasses = {
-      "inline-start": "absolute left-3 pointer-events-none",
-      "inline-end": "absolute right-3 pointer-events-none",
-      "block-start": "relative -mb-8 w-full justify-center",
-      "block-end": "relative -mt-8 w-full justify-center"
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-2 text-text-secondary z-10",
-          alignmentClasses[align],
-          className
-        ),
-        children
-      }
-    );
-  }
-);
-InputGroupAddon.displayName = "InputGroupAddon";
-var input_group_default = InputGroup;
-
-export { InputGroupAddon, InputGroupInput, input_group_default };
-//# sourceMappingURL=chunk-KBCBVH7B.js.map
-//# sourceMappingURL=chunk-KBCBVH7B.js.map

package/dist/chunk-KBCBVH7B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input-group/index.tsx"],"names":[],"mappings":";;;;AASA,IAAM,aAAa,IAAA,CAAsB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAM;AACpE,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,mCAAA,EAAqC,SAAS,GAC9D,QAAA,EACH,CAAA;AAEJ,CAAC,CAAA;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;AAElB,IAAM,eAAA,GAAkB,IAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAM;AAC3B,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,uSAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAEvB,IAAM,eAAA,GAAkB,IAAA;AAAA,EAC7B,CAAC,EAAE,QAAA,EAAU,KAAA,GAAQ,YAAA,EAAc,WAAU,KAAM;AACjD,IAAA,MAAM,gBAAA,GAAmB;AAAA,MACvB,cAAA,EAAgB,qCAAA;AAAA,MAChB,YAAA,EAAc,sCAAA;AAAA,MACd,aAAA,EAAe,sCAAA;AAAA,MACf,WAAA,EAAa;AAAA,KACf;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,iBAAiB,KAAK,CAAA;AAAA,UACtB;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAG9B,IAAO,mBAAA,GAAQ","file":"chunk-KBCBVH7B.js","sourcesContent":["import { memo } from 'react'\n\nimport { cn } from '../utils'\nimport type {\n  InputGroupAddonProps,\n  InputGroupInputProps,\n  InputGroupProps,\n} from './types'\n\nconst InputGroup = memo<InputGroupProps>(({ children, className }) => {\n  return (\n    <div className={cn('relative flex items-center w-full', className)}>\n      {children}\n    </div>\n  )\n})\n\nInputGroup.displayName = 'InputGroup'\n\nexport const InputGroupInput = memo<InputGroupInputProps>(\n  ({ className, ...props }) => {\n    return (\n      <input\n        className={cn(\n          'flex-1 w-full h-[var(--input-height-md)] px-4 text-base bg-background border border-border rounded-md outline-none text-text-primary placeholder:text-text-muted disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default focus:border-primary transition-colors',\n          'peer',\n          className,\n        )}\n        {...props}\n      />\n    )\n  },\n)\n\nInputGroupInput.displayName = 'InputGroupInput'\n\nexport const InputGroupAddon = memo<InputGroupAddonProps>(\n  ({ children, align = 'inline-end', className }) => {\n    const alignmentClasses = {\n      'inline-start': 'absolute left-3 pointer-events-none',\n      'inline-end': 'absolute right-3 pointer-events-none',\n      'block-start': 'relative -mb-8 w-full justify-center',\n      'block-end': 'relative -mt-8 w-full justify-center',\n    }\n\n    return (\n      <div\n        className={cn(\n          'flex items-center gap-2 text-text-secondary z-10',\n          alignmentClasses[align],\n          className,\n        )}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nInputGroupAddon.displayName = 'InputGroupAddon'\n\nexport type * from './types'\nexport default InputGroup\n"]}