@mdigital_ui/ui 0.2.5 → 0.2.7

package/dist/chunk-MLDX3Z67.js

@@ -1,470 +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 stepCircleVariants = cva(
-  "rounded-full flex items-center justify-center font-medium transition-all",
-  {
-    variants: {
-      size: {
-        xs: "w-6 h-6 text-xs",
-        sm: "w-8 h-8 text-sm",
-        md: "w-10 h-10 text-base",
-        lg: "w-12 h-12 text-lg"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var stepDotVariants = cva("rounded-full transition-all", {
-  variants: {
-    size: {
-      xs: "w-2 h-2",
-      sm: "w-3 h-3",
-      md: "w-4 h-4",
-      lg: "w-5 h-5"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var stepLabelVariants = cva("font-medium", {
-  variants: {
-    size: {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var stepDescriptionVariants = cva("text-text-secondary", {
-  variants: {
-    size: {
-      xs: "text-xs",
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-sm"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var connectorVariants = cva("bg-border", {
-  variants: {
-    size: {
-      xs: "h-0.5",
-      sm: "h-0.5",
-      md: "h-1",
-      lg: "h-1"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var getStepCircleClasses = (color, variant, state) => {
-  const isError = state === "error";
-  const isWait = state === "wait";
-  if (isError) {
-    if (variant === "solid")
-      return "bg-error text-error-foreground border-2 border-error";
-    if (variant === "soft")
-      return "bg-error/10 border-2 border-error/50 text-error";
-    return "bg-error/20 border-2 border-error text-error";
-  }
-  if (isWait) {
-    if (variant === "solid") {
-      const solidWaitClasses = {
-        default: "bg-border/50 text-text-secondary",
-        primary: "bg-primary/30 text-primary-foreground/50",
-        secondary: "bg-secondary/30 text-secondary-foreground/50",
-        accent: "bg-accent/30 text-accent-foreground/50",
-        success: "bg-success/30 text-success-foreground/50",
-        error: "bg-error/30 text-error-foreground/50",
-        warning: "bg-warning/30 text-warning-foreground/50",
-        info: "bg-info/30 text-info-foreground/50"
-      };
-      return solidWaitClasses[color];
-    }
-    if (variant === "soft") {
-      const softWaitClasses = {
-        default: "bg-surface/30 border-2 border-border/30 text-text-secondary",
-        primary: "bg-primary/5 border-2 border-primary/20 text-text-secondary",
-        secondary: "bg-secondary/5 border-2 border-secondary/20 text-text-secondary",
-        accent: "bg-accent/5 border-2 border-accent/20 text-text-secondary",
-        success: "bg-success/5 border-2 border-success/20 text-text-secondary",
-        error: "bg-error/5 border-2 border-error/20 text-text-secondary",
-        warning: "bg-warning/5 border-2 border-warning/20 text-text-secondary",
-        info: "bg-info/5 border-2 border-info/20 text-text-secondary"
-      };
-      return softWaitClasses[color];
-    }
-    const defaultWaitClasses = {
-      default: "bg-surface border-2 border-border/50 text-text-secondary",
-      primary: "bg-primary/5 border-2 border-primary/30 text-text-secondary",
-      secondary: "bg-secondary/5 border-2 border-secondary/30 text-text-secondary",
-      accent: "bg-accent/5 border-2 border-accent/30 text-text-secondary",
-      success: "bg-success/5 border-2 border-success/30 text-text-secondary",
-      error: "bg-error/5 border-2 border-error/30 text-text-secondary",
-      warning: "bg-warning/5 border-2 border-warning/30 text-text-secondary",
-      info: "bg-info/5 border-2 border-info/30 text-text-secondary"
-    };
-    return defaultWaitClasses[color];
-  }
-  if (variant === "solid") {
-    const solidActiveClasses = {
-      default: "bg-border text-text-primary border-2 border-border",
-      primary: "bg-primary text-primary-foreground border-2 border-primary",
-      secondary: "bg-secondary text-secondary-foreground border-2 border-secondary",
-      accent: "bg-accent text-accent-foreground border-2 border-accent",
-      success: "bg-success text-success-foreground border-2 border-success",
-      error: "bg-error text-error-foreground border-2 border-error",
-      warning: "bg-warning text-warning-foreground border-2 border-warning",
-      info: "bg-info text-info-foreground border-2 border-info"
-    };
-    return solidActiveClasses[color];
-  }
-  if (variant === "soft") {
-    const softActiveClasses = {
-      default: "bg-surface/50 border-2 border-border text-text-primary",
-      primary: "bg-primary/10 border-2 border-primary/50 text-primary",
-      secondary: "bg-secondary/10 border-2 border-secondary/50 text-secondary",
-      accent: "bg-accent/10 border-2 border-accent/50 text-accent",
-      success: "bg-success/10 border-2 border-success/50 text-success",
-      error: "bg-error/10 border-2 border-error/50 text-error",
-      warning: "bg-warning/10 border-2 border-warning/50 text-warning",
-      info: "bg-info/10 border-2 border-info/50 text-info"
-    };
-    return softActiveClasses[color];
-  }
-  const defaultActiveClasses = {
-    default: "bg-surface border-2 border-border text-text-primary",
-    primary: "bg-primary/20 border-2 border-primary text-primary",
-    secondary: "bg-secondary/20 border-2 border-secondary text-secondary",
-    accent: "bg-accent/20 border-2 border-accent text-accent",
-    success: "bg-success/20 border-2 border-success text-success",
-    error: "bg-error/20 border-2 border-error text-error",
-    warning: "bg-warning/20 border-2 border-warning text-warning",
-    info: "bg-info/20 border-2 border-info text-info"
-  };
-  return defaultActiveClasses[color];
-};
-var getConnectorClasses = (color, variant, isFinished) => {
-  if (!isFinished) return "bg-border/50";
-  if (variant === "soft") {
-    const softConnectorClasses = {
-      default: "bg-border/50",
-      primary: "bg-primary/50",
-      secondary: "bg-secondary/50",
-      accent: "bg-accent/50",
-      success: "bg-success/50",
-      error: "bg-error/50",
-      warning: "bg-warning/50",
-      info: "bg-info/50"
-    };
-    return softConnectorClasses[color];
-  }
-  const connectorClasses = {
-    default: "bg-border",
-    primary: "bg-primary",
-    secondary: "bg-secondary",
-    accent: "bg-accent",
-    success: "bg-success",
-    error: "bg-error",
-    warning: "bg-warning",
-    info: "bg-info"
-  };
-  return connectorClasses[color];
-};
-var Stepper = React.memo(
-  ({
-    steps,
-    currentStep,
-    color = "primary",
-    size = "md",
-    variant = "default",
-    orientation = "horizontal",
-    type = "numbered",
-    status,
-    onStepClick,
-    className
-  }) => {
-    const getStepState = (index, step) => {
-      if (step.status) return step.status;
-      if (index === currentStep && status === "error") return "error";
-      if (index < currentStep) return "finish";
-      if (index === currentStep) return status || "process";
-      return "wait";
-    };
-    const handleStepClick = (index, disabled) => {
-      if (disabled) return;
-      onStepClick?.(index);
-    };
-    if (orientation === "vertical") {
-      return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", className), children: steps.map((step, index) => {
-        const state = getStepState(index, step);
-        const isClickable = !step.disabled && onStepClick;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center mr-4", children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      stepCircleVariants({ size }),
-                      getStepCircleClasses(color, variant, state),
-                      isClickable && "cursor-pointer hover:scale-105",
-                      step.disabled && "opacity-50 cursor-not-allowed"
-                    ),
-                    onClick: () => handleStepClick(index, step.disabled),
-                    children: step.icon || index + 1
-                  }
-                ),
-                index < steps.length - 1 && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "w-0.5 flex-1 my-2",
-                      getConnectorClasses(color, variant, state === "finish")
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn("pb-8", index === steps.length - 1 && "pb-0"),
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(
-                          stepLabelVariants({ size }),
-                          state === "wait" ? "text-text-secondary" : "text-text-primary",
-                          state === "error" && "text-error"
-                        ),
-                        children: step.label
-                      }
-                    ),
-                    step.description && /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(stepDescriptionVariants({ size }), "mt-1"),
-                        children: step.description
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          },
-          index
-        );
-      }) });
-    }
-    if (type === "dots") {
-      return /* @__PURE__ */ jsx("div", { className: cn("flex items-start", className), children: steps.map((step, index) => {
-        const state = getStepState(index, step);
-        const isClickable = !step.disabled && onStepClick;
-        const prevStep = steps[index - 1];
-        const prevState = index > 0 && prevStep ? getStepState(index - 1, prevStep) : "wait";
-        return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex flex-col items-center flex-1",
-              index === 0 && "items-start",
-              index === steps.length - 1 && "items-end"
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
-                index > 0 && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "flex-1",
-                      connectorVariants({ size }),
-                      getConnectorClasses(
-                        color,
-                        variant,
-                        prevState === "finish"
-                      )
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      stepDotVariants({ size }),
-                      getStepCircleClasses(color, variant, state),
-                      isClickable && "cursor-pointer hover:scale-105",
-                      step.disabled && "opacity-50 cursor-not-allowed",
-                      "flex-shrink-0"
-                    ),
-                    onClick: () => handleStepClick(index, step.disabled)
-                  }
-                ),
-                index < steps.length - 1 && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "flex-1",
-                      connectorVariants({ size }),
-                      getConnectorClasses(
-                        color,
-                        variant,
-                        state === "finish"
-                      )
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn(
-                    "mt-2 px-2",
-                    index === 0 && "text-left",
-                    index === steps.length - 1 && "text-right",
-                    index > 0 && index < steps.length - 1 && "text-center"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(
-                          stepLabelVariants({ size }),
-                          state === "wait" ? "text-text-secondary" : "text-text-primary",
-                          state === "error" && "text-error"
-                        ),
-                        children: step.label
-                      }
-                    ),
-                    step.description && /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(
-                          stepDescriptionVariants({ size }),
-                          "mt-1"
-                        ),
-                        children: step.description
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ) }, index);
-      }) });
-    }
-    return /* @__PURE__ */ jsx("div", { className: cn("flex items-start", className), children: steps.map((step, index) => {
-      const state = getStepState(index, step);
-      const isClickable = !step.disabled && onStepClick;
-      const prevStep = steps[index - 1];
-      const prevState = index > 0 && prevStep ? getStepState(index - 1, prevStep) : "wait";
-      return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex flex-col items-center flex-1",
-            index === 0 && "items-start",
-            index === steps.length - 1 && "items-end"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
-              index > 0 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex-1",
-                    connectorVariants({ size }),
-                    getConnectorClasses(
-                      color,
-                      variant,
-                      prevState === "finish"
-                    )
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    stepCircleVariants({ size }),
-                    getStepCircleClasses(color, variant, state),
-                    isClickable && "cursor-pointer hover:scale-105",
-                    step.disabled && "opacity-50 cursor-not-allowed",
-                    "flex-shrink-0"
-                  ),
-                  onClick: () => handleStepClick(index, step.disabled),
-                  children: step.icon || index + 1
-                }
-              ),
-              index < steps.length - 1 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex-1",
-                    connectorVariants({ size }),
-                    getConnectorClasses(color, variant, state === "finish")
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "mt-2 px-2",
-                  index === 0 && "text-left",
-                  index === steps.length - 1 && "text-right",
-                  index > 0 && index < steps.length - 1 && "text-center"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(
-                        stepLabelVariants({ size }),
-                        state === "wait" ? "text-text-secondary" : "text-text-primary",
-                        state === "error" && "text-error"
-                      ),
-                      children: step.label
-                    }
-                  ),
-                  step.description && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(stepDescriptionVariants({ size }), "mt-1"),
-                      children: step.description
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ) }, index);
-    }) });
-  }
-);
-Stepper.displayName = "Stepper";
-var stepper_default = Stepper;
-
-export { stepper_default };
-//# sourceMappingURL=chunk-MLDX3Z67.js.map
-//# sourceMappingURL=chunk-MLDX3Z67.js.map

package/dist/chunk-MLDX3Z67.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/stepper/index.tsx"],"names":[],"mappings":"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","file":"chunk-MLDX3Z67.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type {\n  StepItem,\n  StepperColor,\n  StepperProps,\n  StepperVariant,\n} from './types'\n\nconst stepCircleVariants = cva(\n  'rounded-full flex items-center justify-center font-medium transition-all',\n  {\n    variants: {\n      size: {\n        xs: 'w-6 h-6 text-xs',\n        sm: 'w-8 h-8 text-sm',\n        md: 'w-10 h-10 text-base',\n        lg: 'w-12 h-12 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst stepDotVariants = cva('rounded-full transition-all', {\n  variants: {\n    size: {\n      xs: 'w-2 h-2',\n      sm: 'w-3 h-3',\n      md: 'w-4 h-4',\n      lg: 'w-5 h-5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst stepLabelVariants = cva('font-medium', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst stepDescriptionVariants = cva('text-text-secondary', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-sm',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst connectorVariants = cva('bg-border', {\n  variants: {\n    size: {\n      xs: 'h-0.5',\n      sm: 'h-0.5',\n      md: 'h-1',\n      lg: 'h-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst getStepCircleClasses = (\n  color: StepperColor,\n  variant: StepperVariant,\n  state: 'wait' | 'process' | 'finish' | 'error',\n) => {\n  const isError = state === 'error'\n  const isWait = state === 'wait'\n\n  if (isError) {\n    if (variant === 'solid')\n      return 'bg-error text-error-foreground border-2 border-error'\n    if (variant === 'soft')\n      return 'bg-error/10 border-2 border-error/50 text-error'\n    return 'bg-error/20 border-2 border-error text-error'\n  }\n\n  if (isWait) {\n    if (variant === 'solid') {\n      const solidWaitClasses = {\n        default: 'bg-border/50 text-text-secondary',\n        primary: 'bg-primary/30 text-primary-foreground/50',\n        secondary: 'bg-secondary/30 text-secondary-foreground/50',\n        accent: 'bg-accent/30 text-accent-foreground/50',\n        success: 'bg-success/30 text-success-foreground/50',\n        error: 'bg-error/30 text-error-foreground/50',\n        warning: 'bg-warning/30 text-warning-foreground/50',\n        info: 'bg-info/30 text-info-foreground/50',\n      }\n      return solidWaitClasses[color]\n    }\n    if (variant === 'soft') {\n      const softWaitClasses = {\n        default: 'bg-surface/30 border-2 border-border/30 text-text-secondary',\n        primary: 'bg-primary/5 border-2 border-primary/20 text-text-secondary',\n        secondary:\n          'bg-secondary/5 border-2 border-secondary/20 text-text-secondary',\n        accent: 'bg-accent/5 border-2 border-accent/20 text-text-secondary',\n        success: 'bg-success/5 border-2 border-success/20 text-text-secondary',\n        error: 'bg-error/5 border-2 border-error/20 text-text-secondary',\n        warning: 'bg-warning/5 border-2 border-warning/20 text-text-secondary',\n        info: 'bg-info/5 border-2 border-info/20 text-text-secondary',\n      }\n      return softWaitClasses[color]\n    }\n    const defaultWaitClasses = {\n      default: 'bg-surface border-2 border-border/50 text-text-secondary',\n      primary: 'bg-primary/5 border-2 border-primary/30 text-text-secondary',\n      secondary:\n        'bg-secondary/5 border-2 border-secondary/30 text-text-secondary',\n      accent: 'bg-accent/5 border-2 border-accent/30 text-text-secondary',\n      success: 'bg-success/5 border-2 border-success/30 text-text-secondary',\n      error: 'bg-error/5 border-2 border-error/30 text-text-secondary',\n      warning: 'bg-warning/5 border-2 border-warning/30 text-text-secondary',\n      info: 'bg-info/5 border-2 border-info/30 text-text-secondary',\n    }\n    return defaultWaitClasses[color]\n  }\n\n  // process or finish states\n  if (variant === 'solid') {\n    const solidActiveClasses = {\n      default: 'bg-border text-text-primary border-2 border-border',\n      primary: 'bg-primary text-primary-foreground border-2 border-primary',\n      secondary:\n        'bg-secondary text-secondary-foreground border-2 border-secondary',\n      accent: 'bg-accent text-accent-foreground border-2 border-accent',\n      success: 'bg-success text-success-foreground border-2 border-success',\n      error: 'bg-error text-error-foreground border-2 border-error',\n      warning: 'bg-warning text-warning-foreground border-2 border-warning',\n      info: 'bg-info text-info-foreground border-2 border-info',\n    }\n    return solidActiveClasses[color]\n  }\n  if (variant === 'soft') {\n    const softActiveClasses = {\n      default: 'bg-surface/50 border-2 border-border text-text-primary',\n      primary: 'bg-primary/10 border-2 border-primary/50 text-primary',\n      secondary: 'bg-secondary/10 border-2 border-secondary/50 text-secondary',\n      accent: 'bg-accent/10 border-2 border-accent/50 text-accent',\n      success: 'bg-success/10 border-2 border-success/50 text-success',\n      error: 'bg-error/10 border-2 border-error/50 text-error',\n      warning: 'bg-warning/10 border-2 border-warning/50 text-warning',\n      info: 'bg-info/10 border-2 border-info/50 text-info',\n    }\n    return softActiveClasses[color]\n  }\n  const defaultActiveClasses = {\n    default: 'bg-surface border-2 border-border text-text-primary',\n    primary: 'bg-primary/20 border-2 border-primary text-primary',\n    secondary: 'bg-secondary/20 border-2 border-secondary text-secondary',\n    accent: 'bg-accent/20 border-2 border-accent text-accent',\n    success: 'bg-success/20 border-2 border-success text-success',\n    error: 'bg-error/20 border-2 border-error text-error',\n    warning: 'bg-warning/20 border-2 border-warning text-warning',\n    info: 'bg-info/20 border-2 border-info text-info',\n  }\n  return defaultActiveClasses[color]\n}\n\nconst getConnectorClasses = (\n  color: StepperColor,\n  variant: StepperVariant,\n  isFinished: boolean,\n) => {\n  if (!isFinished) return 'bg-border/50'\n\n  if (variant === 'soft') {\n    const softConnectorClasses = {\n      default: 'bg-border/50',\n      primary: 'bg-primary/50',\n      secondary: 'bg-secondary/50',\n      accent: 'bg-accent/50',\n      success: 'bg-success/50',\n      error: 'bg-error/50',\n      warning: 'bg-warning/50',\n      info: 'bg-info/50',\n    }\n    return softConnectorClasses[color]\n  }\n  const connectorClasses = {\n    default: 'bg-border',\n    primary: 'bg-primary',\n    secondary: 'bg-secondary',\n    accent: 'bg-accent',\n    success: 'bg-success',\n    error: 'bg-error',\n    warning: 'bg-warning',\n    info: 'bg-info',\n  }\n  return connectorClasses[color]\n}\n\nconst Stepper = React.memo<StepperProps>(\n  ({\n    steps,\n    currentStep,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    orientation = 'horizontal',\n    type = 'numbered',\n    status,\n    onStepClick,\n    className,\n  }) => {\n    const getStepState = (\n      index: number,\n      step: StepItem,\n    ): 'wait' | 'process' | 'finish' | 'error' => {\n      if (step.status) return step.status\n      if (index === currentStep && status === 'error') return 'error'\n      if (index < currentStep) return 'finish'\n      if (index === currentStep) return status || 'process'\n      return 'wait'\n    }\n\n    const handleStepClick = (index: number, disabled?: boolean) => {\n      if (disabled) return\n      onStepClick?.(index)\n    }\n\n    if (orientation === 'vertical') {\n      return (\n        <div className={cn('flex flex-col', className)}>\n          {steps.map((step, index) => {\n            const state = getStepState(index, step)\n            const isClickable = !step.disabled && onStepClick\n\n            return (\n              <div\n                key={index}\n                className=\"flex\"\n              >\n                <div className=\"flex flex-col items-center mr-4\">\n                  <div\n                    className={cn(\n                      stepCircleVariants({ size }),\n                      getStepCircleClasses(color, variant, state),\n                      isClickable && 'cursor-pointer hover:scale-105',\n                      step.disabled && 'opacity-50 cursor-not-allowed',\n                    )}\n                    onClick={() => handleStepClick(index, step.disabled)}\n                  >\n                    {step.icon || index + 1}\n                  </div>\n                  {index < steps.length - 1 && (\n                    <div\n                      className={cn(\n                        'w-0.5 flex-1 my-2',\n                        getConnectorClasses(color, variant, state === 'finish'),\n                      )}\n                    />\n                  )}\n                </div>\n                <div\n                  className={cn('pb-8', index === steps.length - 1 && 'pb-0')}\n                >\n                  <div\n                    className={cn(\n                      stepLabelVariants({ size }),\n                      state === 'wait'\n                        ? 'text-text-secondary'\n                        : 'text-text-primary',\n                      state === 'error' && 'text-error',\n                    )}\n                  >\n                    {step.label}\n                  </div>\n                  {step.description && (\n                    <div\n                      className={cn(stepDescriptionVariants({ size }), 'mt-1')}\n                    >\n                      {step.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )\n    }\n\n    if (type === 'dots') {\n      return (\n        <div className={cn('flex items-start', className)}>\n          {steps.map((step, index) => {\n            const state = getStepState(index, step)\n            const isClickable = !step.disabled && onStepClick\n            const prevStep = steps[index - 1]\n            const prevState =\n              index > 0 && prevStep ? getStepState(index - 1, prevStep) : 'wait'\n\n            return (\n              <React.Fragment key={index}>\n                <div\n                  className={cn(\n                    'flex flex-col items-center flex-1',\n                    index === 0 && 'items-start',\n                    index === steps.length - 1 && 'items-end',\n                  )}\n                >\n                  <div className=\"flex items-center w-full\">\n                    {index > 0 && (\n                      <div\n                        className={cn(\n                          'flex-1',\n                          connectorVariants({ size }),\n                          getConnectorClasses(\n                            color,\n                            variant,\n                            prevState === 'finish',\n                          ),\n                        )}\n                      />\n                    )}\n                    <div\n                      className={cn(\n                        stepDotVariants({ size }),\n                        getStepCircleClasses(color, variant, state),\n                        isClickable && 'cursor-pointer hover:scale-105',\n                        step.disabled && 'opacity-50 cursor-not-allowed',\n                        'flex-shrink-0',\n                      )}\n                      onClick={() => handleStepClick(index, step.disabled)}\n                    />\n                    {index < steps.length - 1 && (\n                      <div\n                        className={cn(\n                          'flex-1',\n                          connectorVariants({ size }),\n                          getConnectorClasses(\n                            color,\n                            variant,\n                            state === 'finish',\n                          ),\n                        )}\n                      />\n                    )}\n                  </div>\n                  <div\n                    className={cn(\n                      'mt-2 px-2',\n                      index === 0 && 'text-left',\n                      index === steps.length - 1 && 'text-right',\n                      index > 0 && index < steps.length - 1 && 'text-center',\n                    )}\n                  >\n                    <div\n                      className={cn(\n                        stepLabelVariants({ size }),\n                        state === 'wait'\n                          ? 'text-text-secondary'\n                          : 'text-text-primary',\n                        state === 'error' && 'text-error',\n                      )}\n                    >\n                      {step.label}\n                    </div>\n                    {step.description && (\n                      <div\n                        className={cn(\n                          stepDescriptionVariants({ size }),\n                          'mt-1',\n                        )}\n                      >\n                        {step.description}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            )\n          })}\n        </div>\n      )\n    }\n\n    return (\n      <div className={cn('flex items-start', className)}>\n        {steps.map((step, index) => {\n          const state = getStepState(index, step)\n          const isClickable = !step.disabled && onStepClick\n          const prevStep = steps[index - 1]\n          const prevState =\n            index > 0 && prevStep ? getStepState(index - 1, prevStep) : 'wait'\n\n          return (\n            <React.Fragment key={index}>\n              <div\n                className={cn(\n                  'flex flex-col items-center flex-1',\n                  index === 0 && 'items-start',\n                  index === steps.length - 1 && 'items-end',\n                )}\n              >\n                <div className=\"flex items-center w-full\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'flex-1',\n                        connectorVariants({ size }),\n                        getConnectorClasses(\n                          color,\n                          variant,\n                          prevState === 'finish',\n                        ),\n                      )}\n                    />\n                  )}\n                  <div\n                    className={cn(\n                      stepCircleVariants({ size }),\n                      getStepCircleClasses(color, variant, state),\n                      isClickable && 'cursor-pointer hover:scale-105',\n                      step.disabled && 'opacity-50 cursor-not-allowed',\n                      'flex-shrink-0',\n                    )}\n                    onClick={() => handleStepClick(index, step.disabled)}\n                  >\n                    {step.icon || index + 1}\n                  </div>\n                  {index < steps.length - 1 && (\n                    <div\n                      className={cn(\n                        'flex-1',\n                        connectorVariants({ size }),\n                        getConnectorClasses(color, variant, state === 'finish'),\n                      )}\n                    />\n                  )}\n                </div>\n                <div\n                  className={cn(\n                    'mt-2 px-2',\n                    index === 0 && 'text-left',\n                    index === steps.length - 1 && 'text-right',\n                    index > 0 && index < steps.length - 1 && 'text-center',\n                  )}\n                >\n                  <div\n                    className={cn(\n                      stepLabelVariants({ size }),\n                      state === 'wait'\n                        ? 'text-text-secondary'\n                        : 'text-text-primary',\n                      state === 'error' && 'text-error',\n                    )}\n                  >\n                    {step.label}\n                  </div>\n                  {step.description && (\n                    <div\n                      className={cn(stepDescriptionVariants({ size }), 'mt-1')}\n                    >\n                      {step.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </React.Fragment>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nStepper.displayName = 'Stepper'\n\nexport type * from './types'\nexport default Stepper\n"]}

package/dist/chunk-NNSS366W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/slider/index.tsx"],"names":[],"mappings":"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","file":"chunk-NNSS366W.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { SliderProps } from './types'\n\nconst sliderTrackVariants = cva('relative rounded-full', {\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 thumbVariants = cva(\n  'absolute top-1/2 rounded-full border-2 bg-background cursor-pointer hover:scale-110 active:scale-100 transition-transform duration-150',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3',\n        sm: 'w-4 h-4',\n        md: 'w-4 h-4',\n        lg: 'w-6 h-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst trackColorStyles = {\n  default: {\n    default: 'bg-surface',\n    solid: 'bg-border',\n    soft: 'bg-surface/50',\n  },\n  primary: {\n    default: 'bg-primary/10',\n    solid: 'bg-primary/20',\n    soft: 'bg-primary/5',\n  },\n  secondary: {\n    default: 'bg-secondary/10',\n    solid: 'bg-secondary/20',\n    soft: 'bg-secondary/5',\n  },\n  accent: {\n    default: 'bg-accent/10',\n    solid: 'bg-accent/20',\n    soft: 'bg-accent/5',\n  },\n  success: {\n    default: 'bg-success/10',\n    solid: 'bg-success/20',\n    soft: 'bg-success/5',\n  },\n  error: {\n    default: 'bg-error/10',\n    solid: 'bg-error/20',\n    soft: 'bg-error/5',\n  },\n  warning: {\n    default: 'bg-warning/10',\n    solid: 'bg-warning/20',\n    soft: 'bg-warning/5',\n  },\n  info: {\n    default: 'bg-info/10',\n    solid: 'bg-info/20',\n    soft: 'bg-info/5',\n  },\n}\n\nconst fillColorStyles = {\n  default: {\n    default: 'bg-surface border-border',\n    solid: 'bg-border',\n    soft: 'bg-surface/80',\n  },\n  primary: {\n    default: 'bg-primary/20 border-primary',\n    solid: 'bg-primary',\n    soft: 'bg-primary/60',\n  },\n  secondary: {\n    default: 'bg-secondary/20 border-secondary',\n    solid: 'bg-secondary',\n    soft: 'bg-secondary/60',\n  },\n  accent: {\n    default: 'bg-accent/20 border-accent',\n    solid: 'bg-accent',\n    soft: 'bg-accent/60',\n  },\n  success: {\n    default: 'bg-success/20 border-success',\n    solid: 'bg-success',\n    soft: 'bg-success/60',\n  },\n  error: {\n    default: 'bg-error/20 border-error',\n    solid: 'bg-error',\n    soft: 'bg-error/60',\n  },\n  warning: {\n    default: 'bg-warning/20 border-warning',\n    solid: 'bg-warning',\n    soft: 'bg-warning/60',\n  },\n  info: {\n    default: 'bg-info/20 border-info',\n    solid: 'bg-info',\n    soft: 'bg-info/60',\n  },\n}\n\nconst thumbColorStyles = {\n  default: {\n    default: 'border-border',\n    solid: 'border-border',\n    soft: 'border-surface',\n  },\n  primary: {\n    default: 'border-primary',\n    solid: 'border-primary',\n    soft: 'border-primary/60',\n  },\n  secondary: {\n    default: 'border-secondary',\n    solid: 'border-secondary',\n    soft: 'border-secondary/60',\n  },\n  accent: {\n    default: 'border-accent',\n    solid: 'border-accent',\n    soft: 'border-accent/60',\n  },\n  success: {\n    default: 'border-success',\n    solid: 'border-success',\n    soft: 'border-success/60',\n  },\n  error: {\n    default: 'border-error',\n    solid: 'border-error',\n    soft: 'border-error/60',\n  },\n  warning: {\n    default: 'border-warning',\n    solid: 'border-warning',\n    soft: 'border-warning/60',\n  },\n  info: {\n    default: 'border-info',\n    solid: 'border-info',\n    soft: 'border-info/60',\n  },\n}\n\nconst Slider = React.memo<SliderProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 50,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    disabled = false,\n    className,\n    footer = false,\n    range = false,\n  }) => {\n    const [internalValue, setInternalValue] = useState<number | number[]>(\n      defaultValue,\n    )\n    const [hoveredThumb, setHoveredThumb] = useState<number | null>(null)\n    const trackRef = useRef<HTMLDivElement>(null)\n    const isDragging = useRef(false)\n    const activeThumb = useRef<number>(0)\n\n    const value = controlledValue ?? internalValue\n    const values = Array.isArray(value) ? value : [value]\n\n    const getPercentage = (val: number) => ((val - min) / (max - min)) * 100\n\n    const getValue = (clientX: number) => {\n      if (!trackRef.current) return min\n      const rect = trackRef.current.getBoundingClientRect()\n      const percentage = (clientX - rect.left) / rect.width\n      const rawValue = min + percentage * (max - min)\n      const steppedValue = Math.round(rawValue / step) * step\n      return Math.max(min, Math.min(max, steppedValue))\n    }\n\n    const handleMouseDown = (thumbIndex: number) => (e: React.MouseEvent) => {\n      if (disabled) return\n      isDragging.current = true\n      activeThumb.current = thumbIndex\n      setHoveredThumb(thumbIndex)\n      e.preventDefault()\n    }\n\n    const handleMouseMove = useCallback(\n      (e: MouseEvent) => {\n        if (!isDragging.current || disabled) return\n        const newValue = getValue(e.clientX)\n\n        if (range && Array.isArray(value)) {\n          const newValues = [...value]\n          newValues[activeThumb.current] = newValue\n          newValues.sort((a, b) => a - b)\n          if (!controlledValue) setInternalValue(newValues)\n          onChange?.(newValues)\n        } else {\n          if (!controlledValue) setInternalValue(newValue)\n          onChange?.(newValue)\n        }\n      },\n      [disabled, value, range, controlledValue, min, max, step],\n    )\n\n    const handleMouseUp = useCallback(() => {\n      isDragging.current = false\n      setHoveredThumb(null)\n    }, [])\n\n    React.useEffect(() => {\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }, [handleMouseMove, handleMouseUp])\n\n    const handleTrackClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled || isDragging.current) return\n      const newValue = getValue(e.clientX)\n\n      if (range && Array.isArray(value)) {\n        let closestThumbIndex = 0\n        let minDistance = Math.abs(newValue - (value[0] || 0))\n        for (let i = 1; i < value.length; i++) {\n          const distance = Math.abs(newValue - (value[i] || 0))\n          if (distance < minDistance) {\n            minDistance = distance\n            closestThumbIndex = i\n          }\n        }\n\n        const newValues = [...value]\n        newValues[closestThumbIndex] = newValue\n        newValues.sort((a, b) => a - b)\n        if (!controlledValue) setInternalValue(newValues)\n        onChange?.(newValues)\n      } else {\n        if (!controlledValue) setInternalValue(newValue)\n        onChange?.(newValue)\n      }\n    }\n\n    return (\n      <div className={cn('w-full', className)}>\n        <div\n          ref={trackRef}\n          onClick={handleTrackClick}\n          className={cn(\n            sliderTrackVariants({ size }),\n            trackColorStyles[color][variant],\n            'relative cursor-pointer', // ✅ фикс выхода\n            disabled && 'opacity-50 cursor-not-allowed',\n          )}\n        >\n          {/* Fill segment */}\n          {range && values.length > 1 ? (\n            values.slice(0, -1).map((val, index) => {\n              const left = getPercentage(val)\n              const right = getPercentage(values[index + 1]!)\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'absolute h-full rounded-full',\n                    fillColorStyles[color][variant],\n                  )}\n                  style={{ left: `${left}%`, width: `${right - left}%` }}\n                />\n              )\n            })\n          ) : (\n            <div\n              className={cn(\n                'absolute h-full rounded-full',\n                fillColorStyles[color][variant],\n              )}\n              style={{ left: '0%', width: `${getPercentage(values[0] || 0)}%` }}\n            />\n          )}\n\n          {/* Thumbs */}\n          {values.map((val, index) => {\n            const left = getPercentage(val)\n            const isAtStart = left <= 0\n            const isAtEnd = left >= 100\n            return (\n              <div\n                key={index}\n                className={cn(\n                  thumbVariants({ size }),\n                  thumbColorStyles[color][variant],\n                  disabled && 'cursor-not-allowed',\n                )}\n                style={{\n                  left: `${left}%`,\n                  transform: `translate(-50%, -50%) ${\n                    isAtStart\n                      ? 'translateX(50%)'\n                      : isAtEnd\n                        ? 'translateX(-50%)'\n                        : ''\n                  }`,\n                }}\n                onMouseDown={handleMouseDown(index)}\n              >\n                {hoveredThumb === index && (\n                  <div className=\"absolute -top-8 left-1/2 -translate-x-1/2 bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap\">\n                    {val}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n\n        {typeof footer === 'boolean' && (\n          <div className=\"flex justify-between mt-1 text-sm text-text-secondary\">\n            <span>{min}</span>\n            <span className=\"font-medium text-text-primary\">\n              {range && Array.isArray(value) ? value.join(' - ') : value}\n            </span>\n            <span>{max}</span>\n          </div>\n        )}\n        {footer && typeof footer !== 'boolean' && footer}\n      </div>\n    )\n  },\n)\n\nSlider.displayName = 'Slider'\n\nexport type * from './types'\nexport default Slider\n"]}

package/dist/chunk-OALOWWO7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox/index.tsx"],"names":[],"mappings":"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","file":"chunk-OALOWWO7.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Check } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { getCheckboxColorClass } from '../variants'\nimport type { CheckboxColor, CheckboxProps } from './types'\n\nconst colorClasses: Record<CheckboxColor, string> = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  error: 'text-error',\n  warning: 'text-warning',\n  info: 'text-info',\n};\n\nconst checkboxVariants = cva(\n  'appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none',\n  {\n    variants: {\n      color: {\n        primary: 'border-border checked:border-primary',\n        secondary: 'border-border checked:border-secondary',\n        accent: 'border-border checked:border-accent',\n        success: 'border-border checked:border-success',\n        error: 'border-border checked:border-error',\n        warning: 'border-border checked:border-warning',\n        info: 'border-border checked:border-info',\n      },\n      size: {\n        xs: 'w-[var(--checkbox-size-xs)] h-[var(--checkbox-size-xs)]',\n        sm: 'w-[var(--checkbox-size-sm)] h-[var(--checkbox-size-sm)]',\n        md: 'w-[var(--checkbox-size-md)] h-[var(--checkbox-size-md)]',\n        lg: 'w-[var(--checkbox-size-lg)] h-[var(--checkbox-size-lg)]',\n      },\n      error: {\n        true: 'border-error checked:border-error',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n      size: 'md',\n    },\n  },\n)\n\nconst Checkbox = React.memo<CheckboxProps>(\n  ({\n    color = 'primary',\n    size = 'md',\n    label,\n    helperText,\n    error,\n    indeterminate = false,\n    className,\n    checked,\n    defaultChecked,\n    ref,\n    labelClassName,\n    ...props\n  }) => {\n    const [internalChecked, setInternalChecked] = useState(\n      defaultChecked ?? false,\n    )\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const checkboxRef =\n      (ref as React.RefObject<HTMLInputElement>) || internalRef\n\n    // Determine if controlled\n    const isControlled = checked !== undefined\n    const currentChecked = isControlled ? checked : internalChecked\n\n    const onChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) {\n          setInternalChecked(event.target.checked)\n        }\n        props.onChange?.(event)\n      },\n      [isControlled, props.onChange],\n    )\n\n    React.useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = indeterminate\n      }\n    }, [indeterminate, checkboxRef])\n\n    const checkboxElement = (\n      <div className=\"relative inline-flex\">\n        <input\n          ref={checkboxRef}\n          type=\"checkbox\"\n          className={cn(\n            checkboxVariants({ color, size, error: !!error }),\n            className,\n          )}\n          aria-checked={indeterminate ? 'mixed' : currentChecked}\n          {...props}\n          onChange={onChange}\n          checked={currentChecked}\n        />\n        {currentChecked && (\n          <div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n            {indeterminate ? (\n              <div\n                className={cn(\n                  'w-[70%] h-[70%] rounded-xs border-2 border-background flex items-center justify-center',\n                  getCheckboxColorClass(color),\n                )}\n              />\n            ) : (\n              <Check\n                className={cn(\n                  iconSizes[size],\n                  colorClasses[color], \n                )}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    )\n\n    if (!label && !helperText && !error) return checkboxElement\n\n    return (\n      <div className=\"w-full\">\n        <label\n          className={cn(\n            'flex items-center gap-2',\n            !props.disabled && 'cursor-pointer',\n          )}\n        >\n          {checkboxElement}\n          {label && (\n            <span\n              className={cn(\n                'text-sm text-text-primary select-none',\n                error && 'text-error',\n                props.disabled && 'opacity-50',\n                labelClassName,\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              'mt-1 ml-0 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport type * from './types'\nexport default Checkbox\n"]}